js作用域

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

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

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

AST.png

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

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

$~~~~$ 2.编译器（一）

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

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

嵌套作用域.png

三.函数作用域

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

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

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

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

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

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

五.提升