理解闭包(二)
来源:互联网 发布:2016最新编程语言 编辑:程序博客网 时间:2024/05/17 21:34
闭包只能取得包含函数中任何变量的最后一个值,这是作用域链的配置机制产生的副作用。下面的例子可以很清晰地说明这个问题。
function foo() { var result = []; for( var i = 0; i < 10; i++){ result[i] = function () { return i; } } return result; } var it = foo(); for( var j = 0; j < it.length; j++){ console.log(it[j]()); }
这个函数会返回一个数组,表面上看,数组里的每个函数会返回自己的索引值。但实际上,每个函数都会返回“10”。
由于闭包机制,返回的数组里每个函数都可以访问并返回i的值。但是,每个函数引用的是同一个变量i。当函数foo()执行后,此时i的值为10(注意,for循环的最后一次,i的值为9,但是i仍进行了自加运算值为10),所以数组里的每个函数返回的值为10。
但是我们可以通过创建另一个匿名函数强制让闭包行为符合预期,如下:
function foo1() { var result = []; for( var i = 0; i < 10; i++){ result[i] = function (num) { return function () { return num; } }(i); } return result; }
在重写foo1()函数后,每个函数就可以返回自己的索引值了。我们定义一个带有形参的匿名函数,立即执行并返回形参的值。我们将i传入匿名函数,由于函数参数是按值传递的,所以执行后返回i的当前值。因此foo1()返回的数组里面,每个函数会返回不同的数值。
实例源自《JavaScript高级程序设计》(第3版)
1 0
- 理解闭包(二)
- 理解闭包(二)
- 深入理解javascript闭包(二)
- 深入理解javascript闭包(二)
- javascript闭包的理解(二)
- 深入理解javascript闭包(二)
- 理解Javascript闭包(转载理解)
- 理解闭包(一)
- 理解闭包(一)
- 学习 JavaScript 最难点之二 -- 理解closure(闭包)
- 学习 JavaScript 最难点之二 -- 理解closure(闭包)
- 关于闭包(二)
- 深入理解JavaScript闭包(closure)
- 深入理解javascript闭包(一)
- 深入理解javascript闭包(一)
- 简易理解JavaScript闭包(Closure)
- 深入理解javascript闭包(转)
- javascript闭包的理解(转)
- SSL P1364 医院设置
- python快速入门
- PAT B1003
- Android APP启动时出现白屏或者黑屏怎么办?
- C++删除空指针的一个坑
- 理解闭包(二)
- 《超智能体》提供下载项
- 全排列
- redis之string
- 水面无人艇局部危险避障算法研究 中英文摘要
- CCF 201403-4 无线网络(spfa+dp)
- 机器学习算法
- 字符串系列---最长公共子串
- Generating Sets