js基础知识点总结

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绑定对象的规则：
  1. 默认绑定全局对象，其他规则无法使用时的默认规则。严格模式下，则不能将全局对象用于默认绑定，因此this会绑定到undefined。
  2. 隐式绑定：绑定到调用位置。
     • 隐式丢失：函数丢失绑定对象，应用默认绑定。一般发生在参数传递，间接引用。
  3. 显式绑定：call()、apply()、bind()
  4. new绑定
• es6中的箭头函数不会使用四条标准的绑定规则，而是根据当前的词法作用域来决定this。

6. 对象

• 语法

  let myobj = {key:value}
   //或者
  let myobj = new Object();
  myobj.key = value;
  

• 类型
  1. 主要类型：基本简单类型（number、string、boolean、null、undefined）、object
  2. 内置对象：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