作用域
作用域定义了变量的可见性或可访问性。就是一个变量能不能被访问或引用,是由它的作用域决定的。
在js中存在三种作用域:
- 全局作用域
- 函数作用域
- 块级作用域(ES6以后存在的)
区别:
- 全局作用域中定义的变量会挂载到window对象身上,定义在最外层,在任何地方都可以访问到全局作用域中的变量
- 在函数内定义的变量则属于函数作用域,又称局部作用域。局部作用域内的变量只能在自身作用域内被访问。如果在函数外部访问函数内的变量是无法访问的,但是函数内部可以访问到函数外部的变量。
var a = 1;
function test(){
var b = 2;
console.log(a); //可以访问到a 结果为1
}
console.log(b); //会报错 b is not defined
- ES6 中引入了 let 与 const,与 var 不同的是,在大括号(包括纯粹的大括号、if、while、for)间用 var 定义的变量处在全局作用域。如果我们用 let 与 const 在大括号中定义,变量将处于块作用域。
- 块级作用域内的变量只能在自身作用域内被访问
{
let a = 1;
}
console.log(a); //无法访问到 a is not defined
作用域链
当一个变量在当前作用域无法找到时,便会尝试寻找其外层的作用域,如果还找不到,再继续往外寻找(只会往外寻找,不会寻找兄弟作用域,更不会往内寻找)。这种如同链条一样的寻找规则便被称为作用域链。
注意:函数的作用域是定义时的作用域,而不是调用时的作用域
作用域的优点
- 防止命名冲突,因为代码写的多了,可能会存在重名的情况自己也记不住,但是由于存在作用域,所以在不同的作用域中写同名变量是可以的,比如A函数我定义了变量item,B函数中也定义了变量item,这时候是在两个作用域中,所以不会冲突
- 安全性强。变量不会被外部访问,保证了变量值不会被随意修改。
- 语法更加高级