JS 基础

五种原始类型：Number, Boolean, String, undefined, null.
七种数据类型：Number, Boolean, String, undefined, null, Object, Symbol.
类型判断方法
typeof A: 多用于原始类型判断。
A instanceOf B：原型链判断，B的原型是否存在于A的原型链中，不适用于多窗口判断。
constructor：根据实例的constructor可以判断自定义类。
Array 方法
isArray：判断是否为数组对象。
indexOf：查找元素，并返回元素在数组的索引。
slice：从数组中返回选定范围的元素。
concat：返回拼接后的新数组。
splice：修改原数组，并返回被移除的数组。
push：修改原数组，尾部增加一个元素。
pop：修改原数组，尾部删减一个元素。
unshift: 修改原数组，头部增加一个元素。
shift: 修改原数组，头部删减一个元素。
sort: 排序，正序，支持排序函数。
reverse：排序，反序，支持排序函数。
toString：转换为字符串，以“,”连接元素。
toLocaleString：每个元素调用toLocaleString。
join：按指定连接符号转换为字符串。
every, filter, forEach, map, some, reduce ...

[p1, p2, p3].reduce((acc, cur) => {
  return acc.then(cur).catch(console.log)
}, Promise.resolve(0))

String 方法
charAt：返回字符串指定位置的字符。
charCodeAt：返回字符串指定位置的字符编码。
fromCharCode：字符编码构建字符串。
substring，slice：返回指定范围的字符串。
substr：指定起始位置和需要提取字符个数返回。
indexOf：返回搜索字符串所在字符串中的索引。
trim：删除字符串尾部空格。
toLowerCase、toUpperCase：大小写转换。
match：正则匹配，返回匹配结果。
search：正则匹配，返回匹配字符的索引。
replace：替换字符，支持正则。
split：分隔符拆分字符串，支持正则。
原型：一个可以实现对象属性继承的特殊对象 [[prototype]]，不可直接访问。每个函数都有一个prototype属性，实例化后通过proto保持对prototype的引用。
原型继承

// 寄生(闭包)组合继承
function Child(name) {
 Supper.call(this); // 父类初始化
 this.name = name; // 初始化
}
(() => {
 const Bridge = function(){}; // 子、父类之间的桥接
 Bridge.prototype = Supper.prototype; 
 Child.prototype = new Bridge();
 Child.prototype.constructor = Child;
})();

原型链 image.png
作用域、作用域链
作用域分为全局作用域、函数作用域和 eval 作用域，是在函数调用时在堆中分配的一个对象。作用域链式指在代码执行环境时的调用栈，全局作用域永远时在栈低，当关闭窗口时才会被销毁。
闭包
闭包，包含对外部作用域的引用，并在将来某一时间可能被调用的函数。
Ajax机制
XMLHttpRequest是ajax的核心机制，主要是进行服务器数据的异步请求操作，浏览器对并发的请求是有限制的，一般10个左右。通过XHR实例的open方式设置请求参数，通过send来发送请求，通过onreadystatechange 来进行请求结果的判断，并通过responseText获取请求结果。
JSONP机制
Jsonp跨域请求主要是通过script标签进行跨域请求，在跨域请求之前，在全局作用域中定义好相应的处理函数，并把函数名称告知后端。后端通过url获知该函数名称，并构造相应的调用代码进行响应。而获得响应后的script将自动运行。该方法只能用于get请求，并需要后端配合。
事件机制
DOM0：通过onclick进行一个事件绑定。
DOM2：通过addEventListener，removeEventListener进行事件绑定管理，并且支持事件捕获和事件冒泡(父节点捕获，子节点捕获，子节点冒泡，父节点冒泡，按事件注册顺序执行)，默认为冒泡。而事件响应回调的参数为事件对象，包含dom信息，以及控制后续操作API。
DOM3：类似DOM3，但事件有区分大小写。
事件委托
利用冒泡的原理，把子节点的事件交由父节点进行监听并处理，而在移除父节点时，只需对父节点绑定事件进行解绑即可，而且可以提高性能，支持动态节点的事件处理。