JS 自由变量---JS 学习笔记（三） 补充

自由变量：在 A 中作用域要用到的变量  x，并没有在 A 中声明，要到别的作用域中找到他，这个变量 x 就是自由变量。代码示例如下：

var x = 20;
function A (b) {
    return x + b;
}

A(10);  // 30

调用 A（10），要用到 x 的值，但是 x 值去哪里找呢？《JS高级程序设计》中，说要到父执行环境中找。这句话要这样理解，所谓的父执行环境，指的是创建函数时候的父执行环境，而不是调用时候的父执行环境。请看下面的代码就很好的说明了这个问题：

var x = 10;
function fn() {
    console.log(x);  // x 是自由变量
}

function show(f) {
    var x = 20;
    
    (function () {   // 立即执行匿名函数
        f();
    })();
}

show(fn);              // 10

在调用 show（fn）时，里面有一个立即执行匿名函数，执行了 fn（）。那么 fn（）里面有一个自由变量 x。x 取调用时父作用域的值，结果就是20；x 取创建函数时候的父作用域的值，结果就是 10。