JavaSciprt闭包

[size=large][b]1.闭包允许访问存在外部变量的最终值。[/b][/size]
最终值:指在闭包执行时,所能访问到的外部变量的最后的值:

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(); }

代码运行结果:
[img]http://dl.iteye.com/upload/attachment/0070/6580/275ce972-1fa9-3179-85d7-cd8cbff3236f.jpg[/img]

外部变量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:

[img]http://dl.iteye.com/upload/attachment/0070/6586/01df4194-c157-3d4f-971b-0a75ab298734.jpg[/img]

[size=large][b]2.模拟对象[/b][/size]
基于闭包缓存并访问局部变量最终值的原理,可以对对象属性进行私有化,通过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的最终值,闭包利于开发人员对对象进行封装设计。

[size=large][b]3.自执行[/b][/size]
在示例中,已使用过自执行,自执行格式是:

(function(){

})();


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

出名的例子jQuery源码:

;(function($){

// ......

})(jQuery);

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

[size=large][b]4.注意事项[/b][/size]
内存泄漏:使用的闭包必需要注意循环引用,对象比较复杂时,循环引用很难避免,特别是javascript与浏览器上的dom 元素配合一起用,经常导致内存泄漏,复杂场景下,请谨慎使用闭包
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值