作用域和作用域链

作用域

作用域定义了变量的可见性或可访问性。就是一个变量能不能被访问或引用，是由它的作用域决定的。
在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，这时候是在两个作用域中，所以不会冲突
• 安全性强。变量不会被外部访问，保证了变量值不会被随意修改。
• 语法更加高级