前端基础的讲解-JS(9)

JavaScript 作用域

JavaScript 作用域的概念

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

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

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

• 全局作用域，作用于所有代码执行的环境(整个 script 标签的内部)或者一个独立的 js 文件中
• 局部作用域 (函数作用域)，作用于函数内部的代码环境，就是局部作用域。因为跟函数有关系，所以也被称为函数作用域。

块级作用域（ES6新增），块级作用域由 {} 包括，ES6 之前 JS 是没有块级作用域这一概念的，在 if 语句中，使用 var 声明的变量在外部依旧可以使用，注：在函数内使用var即为函数作用域，在外则为全部作用域

变量的作用域

• 全局变量

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

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

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

• 局部变量

  在局部作用域下声明的变量（var 在函数内部或 let 在 {} 中定义的变量） 局部变量只作用于当前代码块内，自本代码块调用起到本代码块执行完毕。

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

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

局部变量：旨在代码块内部使用，当其所在的代码块被执行时，才会被初始化；当代码块运 行结束后，就会被销毁，因此更节省内存空间。