js作用域

一.程序中的一段源代码在执行前都会编译
为以下三个步骤;
1.分词/词法分析
就是把语句拆分成单个单个的词法单元。[ var ， a ，= ， 2， ；] 判断它们是否具有意义。

[' var ', ' a' ,' = ' , '2 ', ';']

2.解析/语法分析
将词法单元（数组）转换成由元素逐级嵌套的AST（程序语法结构的树）。

AST.png

3.代码生成
将AST转化成可执行代码（机器指令）。

二.理解作用域
1.引擎
js编译以及执行过程。

2.编译器（一）

3.作用域
收集并维护标识（变量），确定其访问权限。

4.作用域嵌套
当一个作用域嵌套在另一个块或函数中，就产生了作用域嵌套。
在当前作用域无法找到某变量时，向外层查找。

嵌套作用域.png

三.函数作用域

函数作用域是指属于这个函数的全部变量 都可以在整个函数的范围内使用及复用。

在函数外部调用。被调用函数一定为具名函数，而用函数名调用函数这种方法就污染了作用域。使用IIFE函数解决了这个问题。在调用外部js时所得沙箱模式就是IIFE，不污染外部环境。

四.块作用域
块作用域的用处：变量的声明应该距离使用的地方越近越好。并最大限度的本地化。避免污染。

1.let

let声明的变量可以将变量绑定到所在的任意作用域中。（{ .. }内部）
使用let声明的变量不会被提升。（如下代码）

{
    console.log(bar); // ReferenceError
    let bar = 2; //此处不会被提升。
}

for循环中的let将i绑定到了每一个迭代中。

2.const

固定常量，不可被修改，否则报错。

五.提升