javascript基础（八）自由变量与作用域链

在某个作用域A中使用的变量，却没有在这个作用域中声明，而是在其他作用域中声明，那么这个变量对于A这个作用域来说就是自由变量。
举个栗子

    var x = 10
    function fn() {
        var b = 20
        console.log(x + b)  //这里使用的x就是一个自由变量
    }

fn中使用的x是在全局作用域中声明的，因此x对于fn来说是一个自由变量
当fn中使用b时可以直接去他自己的作用域中找到，但是使用x的时候呢，要去调用他作用域中找吗，看个例子

    var x = 10
    function fn() {
        var b = 20
        console.log(x + b)  //30
    }

    function f(g) {
        var x = 20
        g()
    }

    f(fn)

这里x是找的全局作用域中的10，而不是调用他的作用域f中的x=20

重点内容实际上，是去创建他的作用域中去找，是创建而不是调用

这样就显而易见了，fn是在全局作用域中被创建的，所以不论你在哪儿调用，都是去全局作用域下找变量，如果找不到，就继续去上一层找。全局作用域是底线，在全局都找不到那是真的找不到了。这个寻找过程就是“作用域链”。

    var a = 10
    function fn() {
         var b = 20

        function bar() {
            console.log(a + b)
        }

        return bar
    }

    var x = fn(),
        b = 200

    x()

在上面的代码中，fn返回bar函数，将bar赋值给x，通过x（）调用了bar，bar被创建的作用域是fn，fn被创建的作用域是全局。执行bar时，b直接去fn中找，a去全局找。