作用域 一段程序代码中所用到的名字(例如变量名)并不总是有效的,而限定这个名字的可用
性代码范围就是这个名字的作用域。
作用域的使用提高了程序逻辑的局部性,增强了程序的可靠性,减少了名字冲突。
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页面,生命周期整个程序
局部变量:范围是这个变量的代码块,生命周期是函数创建时执行,结束时销毁。