1. 编译原理
| 传统编译 | js编译 |
|---|---|
| 编译发生在构建前 1. 分词/词法分析：代码分解为词法单元 2. 解析/语法分析：词法单元流转换成代表了程序语法结构的树(抽象语法树) 3. 代码生成：将抽象语法树(AST)转换成为可执行代码 |
编译发生在代码执行前几微秒，具体过程同传统编译类似，但是有很多性能优化 |
2. 作用域
- 作用域的查找过程：首先会在当前作用域查找，找不到会向上一层继续查找，以此类推，直到查找到全局作用域，如果没有就会抛出错误（ReferenceError异常或undefined）。
- 词法作用域：js使用词法作用域，由写代码时决定变量和块的作用域。
- 欺骗词法：eval(...)、with，可能导致性能下降。
- 立即执行函数表达式：(function foo(){...})()
- 块作用域：with、try/catch、let、const
3. 提升
- 只有声明会提升，赋值或其他逻辑会留在原地。
- 多个重复声明的代码里，函数声明会首先提升，然后是变量。
4. 闭包
使外部作用域访问到原本访问不到的内部作用域，这种现象就是闭包。
5. this
- this是在运行时绑定的，它的上下文取决于函数调用时的各种条件。
- 调用位置：函数在代码中被调用的位置，而不是声明的位置。
- this绑定对象的规则：
- 默认绑定全局对象，其他规则无法使用时的默认规则。严格模式下，则不能将全局对象用于默认绑定，因此this会绑定到undefined。
-
隐式绑定：绑定到调用位置。
- 隐式丢失：函数丢失绑定对象，应用默认绑定。一般发生在参数传递，间接引用。
- 显式绑定：call()、apply()、bind()
- new绑定
- es6中的箭头函数不会使用四条标准的绑定规则，而是根据当前的词法作用域来决定this。
6. 对象
- 语法
let myobj = {key:value} //或者 let myobj = new Object(); myobj.key = value; - 类型
- 主要类型：基本简单类型（number、string、boolean、null、undefined）、object
- 内置对象：Number、String、Boolean、Object、Array、Function、Date、RegExp、Error
- 深拷贝：json对象实现、递归复制
function deepclone(obj) { let cloneObj = Array.isArray(obj) ? [] : {}; if(obj && typeof obj === 'object'){ for(let k in obj){ if(obj[k] && typeof obj[k] === 'object'){ cloneObj[k] = deepclone(obj[k]); }else{ cloneObj[k] = obj[k]; } } } return cloneObj; }
7. 原型
- 原型链：[[prototype]]是对象的内置属性，是对于其他对象的引用，基本不为空，通常作用是如果在对象上没有找到需要的属性或者方法引用，引擎就会继续在[[prototype]]关联的对象上进行查找，如果后者也没有相应的引用，就会继续查找它的[[prototype]]，以此类推，这一系列对对象链接称为原型链。for...in操作会查找对象的整条原型链的属性。
-[[prototype]]的尽头：Object.prototype - js中的继承不是复制，只是对两个对象进行了关联，使得一个对象可以通过委托访问另一个对象的属性。
- instanceof 只能处理对象和函数之间的关系，不能判断两个对象质检是否通过[[prototype]]链关联。
function Foo() {
//...
}
let a = new Foo();
Foo.prototype.constructor === Foo; //true
a.constructor === Foo; // true
Object.getPrototypeOf(a) === Foo.prototype; //true
a.__proto__ === Foo.prototype; //true
