关于JS中的自由变量与作用域链

自由变量

在A作用域中使用的变量x，却没有在A作用域中声明（即是在其他作用域中声明的），对于A作用域来说，x就是一个自由变量。

作用域链

先说一说什么是作用域链呢？

当代码在一个环境中执行时，会创建变量对象的一个作用域链（作用域形成的链条）

1、作用域链的前端，始终都是当前执行的代码所在环境的变量对象
2、作用域链中的下一个对象来自于外部环境，而下一个变量对象则来自于下一个外部环境，一直到全局执行环境
3、全局执行环境的变量对象始终都是作用域链上的最后一个对象

内部环境可以通过作用域链访问所有外部环境，但外部环境不能访问内部环境的任何变量和函数。

当在内部函数中，需要访问一个变量的时候，首先会访问函数本身的变量对象，是否有这个变量，如果没有，那么会继续沿作用域链往上查找，直到全局作用域。如果在某个变量对象中找到则使用该变量对象中的变量值。

我们看下面的代码：

var x = 10;
function fn() {
    console.log(x);
}

function show(f) {
    var x = 20;
        (function () {
            f()  //输出10
        })()
}

show(fn)  

从上面的代码中我们可以发现，

要到创建这个函数的那个作用域中取值（是创建而不是调用），其实这就是所谓的“静态作用域”。