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 元素配合一起用,经常导致内存泄漏,复杂场景下,请谨慎使用闭包
- 大小: 16.3 KB
- 大小: 16.5 KB
分享到:
相关推荐
Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态...本文将以例子入手来介绍Javascript闭包的语言特性,并结合一点 ECMAScript语言规范来使读者可以更深入的理解闭包。
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
资源名称:javascript闭包详解 中文word版 内容简介: Javascript中有几个非常重要的语言特性——对象、原型继承、闭包。其中闭包 对于那些使用传统静态语言C/C 的程序员来说是一个新的...
JavaScript闭包 JavaScript闭包 JavaScript闭包 JavaScript闭包
Javascript 闭包完整解释
详解JavaScript闭包问题 闭包是纯函数式编程语言的传统特性之一。通过将闭包视为核心语言构件的组成部分,JavaScript语言展示了其与函数式编程语言的紧密联系。由于能够简化复杂的操作,闭包在主流JavaScript库...
javaScript闭包技术资料
javascript 闭包实例下载
javascript闭包高级教程,闭包内部实现机制的完美展现,值得研究,比较难。
使用XMLHTTPRequest实现自定义ajax。javascript闭包模式写法。值的学习
介绍了javascript闭包的高级使用方法实例,有需要的朋友可以参考一下
javaScript闭包技术资料。javaScript闭包技术资料。
JavaScript闭包与活动.pdf
javascript闭包模型与原型模型(共31张PPT).pptx
JavaScript闭包深入理解.pdf
JavaScript闭包研究及典型应用.pdf
对于初学者来说,理解Javascript闭包(closure)还是比较困难的,而撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目,让初学者理解起来更加容易一些。
JavaScript闭包(closure).pdf
javascript闭包详解 javascript闭包详解 javascript闭包详解
JavaScript闭包的定义和理解,含代码示例