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 元素配合一起用,经常导致内存泄漏,复杂场景下,请谨慎使用闭包