JavaScript 作用域

作用域 一段程序代码中所用到的名字（例如变量名）并不总是有效的，而限定这个名字的可用

性代码范围就是这个名字的作用域。

作用域的使用提高了程序逻辑的局部性，增强了程序的可靠性，减少了名字冲突。

ES6 之前作用域有两种 全局作用域 和 局部作用域 ( 函数作用域 )

全局作用域 作用于所有代码执行的环境 ( 整个 script 标签的内部 ) 或者一个独立的 js 文件中。

局部作用域 作用于函数内部的代码环境，就是局部作用域。因为跟函数有关系，所以也被称为

函数作用域 。

块级作用域（ ES6 ）

块级作用域由 {} 包括

ES6 之前 JS 是没有块级作用域这一概念的，在 if 语句中，使用 var 声明的变量在外部依旧可

以使用，如下

if(true){
var num = 123;
console.log(num); // 123
}
console.log(num); // 123

在 ES6 中新增块级作用域这一概念，使用 let 声明的变量在外部将不可使用。

if(true){
let num = 10;
console.log(num); // 10
}
console.log(num); // 报错

在 JavaScript 中，根据作用域的不同，变量可以分为两种： 全局变量 、 局部变量

全局变量 在全局作用域下声明的变量（ var 在函数外部定义的变量）。

全局变量作用于整个文档，自页面打开到页面关闭，在代码的任何位置都可以使用。

在全局作用域下 var 和 let 声明的变量是全局变量。

特殊情况下，在代码块内不使用声明方式创建的变量也是全局变量（不建议使用）。

局部变量 在局部作用域下声明的变量（ var 在函数内部或 let 在 {} 中定义的变量）

局部变量只作用于当前代码块内，自本代码块调用起到本代码块执行完毕。

在函数内部使用 var 声明的变量，或使用 let 在代码块内声明的变量是局部变量。

函数的形参实际上就是局部变量， for 循环初始值如果使用 let 声明也是局部变量。

全局变量和局部变量的生命周期

全局变量：在任何一个地方都可以使用，只有在浏览器关闭时才会销毁，因此比较占内存

局部变量：旨在代码块内部使用，当其所在的代码块被执行时，才会被初始化；当代码块运

行结束后，就会被销毁，因此更节省内存空间。

总的来说：

全局变量：范围是整个HTML页面，生命周期整个程序

局部变量：范围是这个变量的代码块，生命周期是函数创建时执行，结束时销毁。