JavaScript的作用域

什么是作用域

当前的执行上下文。

作用域就是为了限定声明的变量或函数可用范围。

全局作用域

在单独的script标签或者js文件中编写的就是全局作用域

在全局作用域内声明的变量叫做全局变量

全局变量在任何位置都可以访问。

var a = 1;
b = 1;
window.c = 1;
function fun() {
   console.log(a); // a是全局变量
}
fun();

注意：未用var声明的变量也属于全局变量（不建议），这样的伪变量没有提升。

函数作用域（局部作用域）

一个函数的函数体内就是一个函数作用域。

在函数体内部声明的变量叫做局部变量

局部变量只能够在当前作用域内（包括内部嵌套的作用域）访问，外部无法访问。

function fun1() {
   var a = 1; // 局部变量，外部无法访问
   function fun2() { // fun2声明在局部作用域，外部无法调用
      console.log(1);
      }
   }
fun2()   //ReferenceError: fun2 is not defined
console.log(a);   //ReferenceError: a is not defined

块级作用域（ES6+）

有{}包裹的代码块叫做块级作用域

在ES6前不支持块级作用域的。

在我们使用for时，会发现我们的循环变量在外部可以使用的。

for (var i = 0; i < 1; i++) {
   // TODO
}
console.log(i); // 1

在ES6中，我们使用let、const关键字声明的变量会处于块级作用域中。这样创建的不会变量提升。

for (let i = 0; i < 1; i++) {
   // TODO
}
console.log(i); // ReferenceError: i is not defined

词法作用域（静态作用域）

变量或者函数的作用域在声明时就已经确定。

此处a为2，因为变量a的作用域在声明时就已经确定，所以在输出的时候,会根据作用域链向上查找全局作用域的全局变量a。

function foo(){
	console.log(a); // 2
}
function bar(){
	var a = 3;
	foo();
}
var a = 2;
bar();

动态作用域（不支持）

变量或函数的作用域在代码执行时才能确定，可能会因为函数的调用关系导致作用域改变。

此处a为3，因为变量a在输出时会根据函数调用找到bar函数，所以会输出bar函数内的局部变量a。

function foo(){
	console.log(a); // 3
}
function bar(){
	var a = 3;
	foo();
}
var a = 2;
bar();

但是JavaScript中this调用机制与这种动态作用域很相似。

作用域链

在多层作用域嵌套情况下，一层一层的形成了作用域链。

变量查找时会从里层向外层查询，不会存在外层向内层查询情况。这就是说内层作用域可以访问外层作用域变量，而外层作用域不可以访问内层作用域变量。

var a = 1;
function fun1() {
    var b = 2;
    function fun2() {
        var c = 3;
    }
    fun2();
    console.log(a); // 1
    console.log(b); // 2
    console.log(c); // ReferenceError: c is not defined
}
fun1();

如有错误，请在底部留言。