日期:2014-05-16  浏览次数:20368 次

JavaScript Garden - 闭包和引用

闭包和引用

闭包是 JavaScript 一个非常重要的特性,这意味着当前作用域总是能够访问外部作用域中的变量。
因为?函数?是 JavaScript 中唯一拥有自身作用域的结构,因此闭包的创建依赖于函数。

模拟私有变量

function Counter(start) {
    var count = start;
    return {
        increment: function() {
            count++;
        },

        get: function() {
            return count;
        }
    }
}

var foo = Counter(4);
foo.increment();
foo.get(); // 5

这里,Counter?函数返回两个闭包,函数?increment?和函数?get。 这两个函数都维持着
对外部作用域?Counter?的引用,因此总可以访问此作用域内定义的变量?count.

为什么不可以在外部访问私有变量

因为 JavaScript 中不可以对作用域进行引用或赋值,因此没有办法在外部访问?count?变量。
唯一的途径就是通过那两个闭包。

var foo = new Counter(4);
foo.hack = function() {
    count = 1337;
};

上面的代码不会改变定义在?Counter?作用域中的?count?变量的值,因为?foo.hack?没有
定义在那个作用域内。它将会创建或者覆盖全局变量?count

循环中的闭包

一个常见的错误出现在循环中使用闭包,假设我们需要在每次循环中调用循环序号

for(var i = 0; i < 10; i++) {
    setTimeout(function() {
        console.log(i);  
    }, 1000);
}

上面的代码不会输出数字?0?到?9,而是会输出数字?10?十次。