JavaScript作用域

作用域

（1）作用域：变量可以起作用的范围。目的是为了提高程序的可靠性，更重要的是减少命名冲突

（2）如果变量定义在一个函数内部，只能在函数内部被访问到，在函数外部不能使用这个变量，函数就是变量定义的作用域。

（3）任何一对花括号 {} 中的结构体都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。

（4）在es6之前没有块级作用域的的概念,只有函数作用域，现阶段可以认为 JavaScript 没有块级作用域.

全局变量和局部变量

（1）局部变量：定义在函数内部的变量，只能在函数作用域内部被访问到，在外面没有定义的。

（2）全局变量：从广义上来说，也是一种局部变量，定义在全局的变量，作用域范围是全局，在整个 js 程序任意位置都能够被访问到。

（3）变量退出作用域之后会销毁，全局变量关闭网页或浏览器才会销毁。

（4）参数也是局部变量：函数的参数本质是一个变量，也有自己的作用域，函数的参数也是属于函数自己内部的局部变量，只能在函数内部被使用，在函数外面没有定义。

（5）不写var关键字的影响：

• 在函数内部想要定义新的变量，如果不加关键字 var，相当于定义的全局变量。如果全局也有相同的标识符，会被函数内部的变量影响，局部变量污染全局变量。
• 注意：每次定义变量时都必须写 var 关键字，否则就会定义在全局，可能污染全局。

function fun() {
	var num1 = 10; // num1是局部变量 只能在函数内部使用
	num2 = 20; // 在函数内部 没有声明直接赋值的变量也属于全局变量
}
fun();
console.log(num2); // 20
console.log(num1); // 报错 说num1未定义

作用域链

（1）只有函数可以制造作用域结构， 那么只要是代码，就至少有一个作用域, 即全局作用域。凡是代码中有函数，那么这个函数就构成另一个作用域。如果函数中还有函数，那么在这个作用域中就又可以诞生一个作用域。

将这样的所有的作用域列出来，可以有一个结构: 函数内指向函数外的链式结构。就称作作用域链。

（2）内部函数访问外部函数的变量，采取的是链式查找的方式来决定取哪个值，这种结构称为作用域链（就近原则）

var num = 10;
function fn() {
  // 外部函数
  var num = 20;
  function fun() {
    // 内部函数
    console.log(num); // 一级一级往上找（就近原则） 输出20
  }
  fun();
}
fn();

遮蔽效应

程序在遇到一个变量时，使用时作用域查找顺序，不同层次的函数内都有可能定义相同名字的变量，一个变量在使用时，会优先从自己所在层作用域查找变量，如果当前层没有变量定义会按照顺序从本层往外依次查找，直到找到第一个变量定义。

整个过程中会发生内层变量遮蔽外层变量的效果，叫做“遮蔽效应”。

函数的作用域

（1）函数也有自己的作用域，定义在哪个作用域内部，只能在这个作用域范围内被访问，出了作用域不能被访问的。

（2）函数定义在另一个函数内部，如果外部函数没有执行时，相当于内部代码没写。