JavaScript作用域与作用域链---kalrry

一、作用域与作用域链

1. 什么是作用域？

就是变量起作用的区域或范围，准确点说就是javascript代码执行之前会查找并确定变量的作用区域或范围。

⭕️ 在ES5及以前：

javascript的变量作用域分为：全局作用域和局部作用域，（局部作用域也可以理解为函数作用域，就是变量定义在函数内部，只在函数内部起作用）

如上图：在控制台里面可以看到：
1.用var声明的变量a1是全局变量，是window对象的属性
2.用var声明的变量a2和a3都是local局部作用域

⭕️ 从ES6开始有了let关键字后：

变量有了块级作用域，所谓块级作用域的块，就是用一对花括号括起来的一块代码。其实不管是全局作用域还是局部作用域（函数作用域），无非就是大块小块的问题。


如上图：在控制台里，我们可以看到有四个作用域（scope），分别是global（全局）、script（脚本）、local（局部）、block（块级）
1.Global作用域里面的内容全是window对象的属性
2.script里面是v1
3.local（function）里面是v2
4.block里面是v3

二、作用域链

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

三、var和let定义全局变量的区别

Var定义的全局变量是window的属性，但是let定义的是全局变量不是window的属性

由上图可以看到：
1.用var声明的变量a0是window对象的属性
2.用let声明的v1属于script的作用域
3.用let声明的v2属于local的作用域
4.用let声明的v3属于block作用域