JavaScript作用域与作用域链

JavaScript作用域与作用域链

一、作用域

• 作用域就是变量起作用的范围或区域。也可以说是js代码执行时，查找变量的范围。

ES5及其以前：

JS的变量作用域分为：全局作用域和函数作用域（局部作用域）

在chrome浏览器的Sources中的Scope里可以看到每次打断点时变量的作用范围。

由图可以看出变量a1是Global全局变量，是window对象的属性。变量a2和a3都是local局部变量，在函数作用域内。

ES6开始有了let关键字后：

变量有了块级作用域，所谓块级作用域中的“块”就是指一对花括号括起来的一块代码。不管是全局作用域还是函数作用域其本质上都是块级作用域，区别就是作用范围的大小。

在chrome浏览器的Sources中我们可以看到有四个作用域（scope），分别是global（全局），script（脚本），local（局部），block（块级）。

1. global作用域里的内容全是window对象的属性。
2. script里是v1；
3. local（function f1）里是v2；
4. block里是v3；

二、作用域链

作用域链是指：当js编译器在寻找变量时，先在最近的作用域（花括号）里找，如果找不到，则从上一级作用域（花括号）里找，依次类推，直到找到或者找不到为止。这就是作用域链。

三、var定义的全局变量是window的属性，let定义的变量存在于script的作用域中。

1. var声明的a0，是window对象的属性。
2. let声明的v1，属于script的作用域。
3. let声明的v2，属于local的作用域。
4. let声明的v3，属于block作用域。