1. 学习 JavaScript，更多关注的是 API 的掌握程度
2. 注意区分：属性或事件是 DOM 范畴还是 BOM 范畴
3. 每个 API 都包括3个方面
. 属性 Properties
. 方法 Methods
. 事件 Events
| item | value |
|---|---|
| ELEMENT_NODE | 1 |
| ATTRIBUTE_NODE | 2 |
| TEXT_NODE | 3 |
| COMMENT_NODE | 8 |
. 操作节点的方法，如增加、删除、复制
| item | desc |
|---|---|
| appendChild(node) | 尾插节点；如果该节点已经存在DOM树中，则是移动位置 |
| prepend() | 头插节点 |
| insertBefore(node, node) | 在某个节点前插入节点 |
| removeChild(node) | 删除节点 |
| cloneNode(node,bool) | 克隆节点 |
. 略
| item | desc |
|---|---|
| length | 数组长度 |
| item | desc |
|---|---|
| push() | 添加元素到数组末尾 |
| unshift() | 添加元素到数组头部 |
| pop() | 移除数组末尾元素并返回 |
| shift() | 移除数组头部元素并返回 |
| concat() | 数组连接 - 返回一个新数组；不会修改原数组；不会去重 |
| join() | 数组元素按照指定的分隔符连接为字符串 |
| slice() | 提取调用数组的一部分并返回一个新数组 |
| splice() | 从数组中添加和/或删除元素 |
| item | desc |
|---|---|
| forEach() | 对调用数组中的每个元素调用给定的函数 |
| map() | 返回一个新数组，其中包含对调用数组中的每个元素调用函数的结果 |
| every() | 对数组中的每一项执行给定函数；如果该函数对每一项都返回 true，则返回 true；不会修改数组 |
| some() | 对数组中的每一项执行给定函数；如果该函数有一项返回 true，则返回 true；不会修改数组 |
| filter() | 返回一个新数组，其中包含调用所提供的筛选函数返回为 true 的所有数组元素 |
| find() | 返回数组中满足提供的测试函数的第一个元素的值，如果没有找到合适的元素，则返回 undefined |
| findIndex() | 返回数组中满足提供的测试函数的第一个元素的索引，如果没有找到合适的元素，则返回 -1 |
| item | desc |
|---|---|
| reduce() | 对数组的每个元素（从左到右）执行用户提供的“reducer”回调函数，将其简化为单个值/统计/归并 |
| reduceRight() | 对数组的每个元素（从右到左）执行用户提供的“reducer”回调函数，将其简化为单个值 |
| item | desc |
|---|---|
| sort() | 不指定比较函数排序；默认根据数据项 UTF-16 编码升序比较 |
| sort(compareFn) | 根据比较函数排序排序 |
. 存在函数提升 Function hoisting：JavaScript 解释器会将整个函数声明提升到当前作用域的顶部，允许先调用再声明
function 函数名 (形参列表) {
//函数逻辑实现
return 返回值;
}
. 必须先声明再调用
const sum = function (形参列表) {
//函数逻辑实现
return 返回值;
};