JavaScript权威指南之闭包

JavaScript权威指南之闭包

函数对象可以通过作用域链相互关联起来，函数体内部变量可以保存在函数作用域内，这就是闭包。

先看两段代码理解作用域和闭包：

var global = "global scope"; //全局变量
function checkscope() {
    var scope = "local scope"; //局部变量
    function f() {
        return scope; //在作用域中返回这个值
    };
    return f();
}
checkscope(); // 返回 "local scope"

在函数体内定义函数并返回定义的scope变量，在函数体外调用，返回的值是”local scope”

var global = "global scope"; //全局变量
function checkscope() {
    var scope = "local scope"; //局部变量
    function f() {
        return scope; //在作用域中返回这个值
    };
    return f;
}
checkscope()(); // 返回 "local scope"

上面checkscope()返回的是一个f对象，而不是调用f返回scope，这个时候在函数外部调用checkscope()返回的值仍然还是”local scope”。这就关联到了作用域链的知识，作用域链创建在函数创建的同时，嵌套的函数f()定义在这个作用域链中，其中的变量scope一定是局部变量，不管在何时执行f()。

再看两段代码

function constfunc(c) {
    return function() {
        return c;
    }
}
var funsc = [];
for (var i = 0; i < 10; i++){
    funsc[i] = constfunc(i);
}
funsc[5](); // 返回5

代码利用循环创建了多个闭包，每个闭包返回不同的c

function constfunc(c) {
    var funsc = [];
    for (var i = 0; i < 10; i++){
        funsc[i] = function(){
            return i;
        }
    }
    return funsc;
}
var funsc = constfunc();

funsc[5](); // 返回10

上面这段代码在一个函数调用中创建了10个闭包，他们共享同一个变量i,所以最后返回的i是10