01 js预解析总结

js预解析总结

---

个人学习总结，不当之处欢迎扶正

理解声明和定义

声明(declare)：告诉浏览器在当前作用域中存在的变量名或者函数名（变量名和函数名以及函数形参都是标识符，通过标识符对值进行获取或存储）；

var sum  //告诉js，让他在内存中寻找一处空白，并给这个空间放置名字为a的书签，此时内存中默认值为undefined；

定义：从作用域中通过标识符，找到值得存储位置（普通数据类型在栈内存，引用类型在堆内存），并将值存入；

num = 10;  // 通过num标识符向变量为num的内存地址写入10；原来的默认值就被覆盖了

预解析

什么是预解析：

预解析：在当前作用域下,js代码执行之前，浏览器会把带有var和function关键字的提前进行声明（var只声明）或定义（function声明并定义），并在内存中安排好。然后再从上到下执行js语句。

作用域链：在私有作用域中，我们代码执行的时候遇到一个变量，首先我们需要确定它是否为私有的变量，如果是私有的变量，那嘛和外面的没有任何的关系，如果不是私有的，则往当前作用域的上级作用域查找，如果上级作用域也没有则继续向上一级查找，一直到window为止。

闭包：函数执行形成一个新的私有的作用域保护了里面的私有变量不受外界的干扰（外面无法获取和修改）

预解释的作用：

变量提升（Hoisting）：在JS中，浏览器会把定义在后面的（变量或函数）提升到前面当前作用域的top处。也就是说在当前作用域，中我们在js代码未执行到声明之前就可以使用了；

but 这种说法是错误的，此处用来方便理解，实际是预解析，作用域和作用域链共同作用的结果；完整解析请看[]

var和function预解释的不同

var

var在预解释的时候，只进行提前的声明,只要是通过var定义的，不管变量或者函数，都是赋值undefined；

function

function在预解释的时候提前的声明和定义都完成了，但是它储存数据的空间里存储的是字符串，没有任何意义。

全局作用域和局部作用域解析步骤的差异

预解释是发生在当前作用域下的，刚开始的时候我们预解释的是全局作用域，在js中global是window,我们运行函数的时候会形成一个新的私有作用域（开辟新的内存空间）

全局：

1.查找全局变量声明（包括省略var的隐式全局声明，但不包括函数里面的全局变量）

var a = 1;
console.log(b)  // error b is not defined;
functon fn(){//注意此处如果是匿名函数，会报错
 b = 0;
}

2.查找函数声明，函数名为全局变量的属性，值为函数引用

---

补充：
全局作用预下带var和不带var声明变量的的区别：

带var的可以预解析，所以在赋值的前面执行不会报错，
不带var的不能进行预解析，在之前执行会报错

局部作用域：
1.创建AO对象（活动对象），以及执行上下文（就是局部变量的执行环境）
2.查找函数形参及函数内变量声明，形参名及变量名作为AO对象的属性，值为undefined;
3.实参形参相统一，实参付给形参
查找函数声明函数名为AO对象的属性，值为函数引用

补充局部作用域知识：
1.我们知道在js中函数也是一种特殊的对象；函数被创建时，自带一个[[scope]]属性，cope会被此函数的作用域的上级作用域的数据对象填充，也就是说此时scope对象缺少当前的作用域；
2.函数执行时创建执行上下文（copy[scope]对象），AO活动对象（当前作用域中的形参名及变量名为AO对象的属性），
3.AO对象被推入执行上下文，形成完整的作用域链

预解析需要注意的问题：

1.预解析不在同一个变量上重复发生，在预解释的时候，如果名字已经声明过，不需要重新声明，但需要重新赋值，如果变量名和函数名相同，也遵循此规则；

console.log(fn)      //function fn(){alert(1111) }
var fn = 12;   //var fn === window.fn
function fn(){
    alert(1111)
    }

2.等号右边的function不会进行预解析

3.自执行函数不进行预解析

4.预解析不受其他if或者判断条件影响，即使条件不成立，也会进行预解析

5.return不影响预解析