(1)一段常见的闭包代码
var a = []; for (var i = 0; i < 10; i++) { a[i] = function(){ console.log(i); }; }; for (var j = 0; j < 10; j++) { //如果把j替换为i, 那么会发生什么呢? a[j](); }; // 输出10次的10
可以看到, 此时a[j]()执行代码console.log(i), 这里的i就是全局变量window.i, 也就是10(因为i是执行到10才跳出for循环的).
(2)修改代码:
var a = []; for (var i = 0; i < 10; i++) { a[i] = function(arg){ return function(){ console.log(arg); } }(i); }; for (var j = 0; j < 10; j++) { a[j](); }; // 依次输出0, 1, ..., 9
于上面代码的区别在于, 在for循环中,使用了一个变量arg来保存i的值. 而arg保存于每个a[j]函数的function scrope的Closure(闭包)中.因此, a[j]()在调用变量arg时,获取的是自身作用域的闭包中的相应值, 所以才能够依次输出0-9.
(3)再次修改代码:
var a = []; for (var i = 0; i < 10; i++) { a[i] = function(){ this.arg = i; console.log(this.arg); }; }; for (var j = 0; j < 10; j++) { a[j](); }; // 输出10次的10
关键在于this.arg, 这里的this === a, 所以 this.arg其实还是个全局变量, 则有this.arg = a.arg = window.a.arg = 10
相关推荐
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闭包的定义和理解,含代码示例