JavaSciprt闭包

1.闭包允许访问存在外部变量的最终值。
        最终值：指在闭包执行时，所能访问到的外部变量的最后的值：

var users = [];
for (var i = 0; i < 5; i++) {
users[i] = {};
users[i]['printAge'] = function () {
console.log(i);
};
}
 
for (var j = 0; j < users.length; j++) {
users[j].printAge(); }

        代码运行结果：
       

        外部变量i的经过for循环后值为5，闭包访问的是变量的最终值，故在调用闭包时，打出i的值全为5。

        若希望能打印出0-4，可以定义另一局部变量，将外部变量i拷贝一份副本：

var users = [];
 
for (var i = 0; i < 5; i++) {
users[i] = {};
users[i]['printAge'] = (function (num) {
return function() {
console.log(num);
}
})(i);
}
 
for (var j = 0; j < users.length; j++) {
users[j].printAge();
}

        JavaScript方法，方法形参和C++一样，复制一份实参的值，num在for循环中拷贝 i 的值，每个printAge中的num属于最终值，所以打印出0-4：

       

2.模拟对象
        基于闭包缓存并访问局部变量最终值的原理，可以对对象属性进行私有化，通过API方法对外开放：

function user(default_name) {
    var name = default_name;
    var setName = function(newname){
        name = newname;
    };
    var getName = function() {
        return name;
    }
    return {
        setName: setName,
        getName: getName
    }
}

function main() {
    var loginuser = user('aa');
    console.log(loginuser.getName());
    loginuser.setName('cc');
    console.log(loginuser.getName());
}

main();

        getName和setName方法，访问局部变量name的最终值，闭包利于开发人员对对象进行封装设计。

3.自执行
        在示例中，已使用过自执行，自执行格式是：

(function(){

})();

        自执行好处：不污染全局变量。

        出名的例子jQuery源码：

;(function($){

    // ......

})(jQuery);

        其中使用了$符号，但是却不会与页面上的其他$符号相冲突。

4.注意事项
        内存泄漏：使用的闭包必需要注意循环引用，对象比较复杂时，循环引用很难避免，特别是javascript与浏览器上的dom 元素配合一起用，经常导致内存泄漏，复杂场景下，请谨慎使用闭包

评论

2 楼 haiyupeter 2012-07-12  

airyland 写道

"打印出1-5",应该是0-4。

好的，谢谢指正

1 楼 airyland 2012-07-12  

"打印出1-5",应该是0-4。