理解闭包(二)

来源:互联网 发布: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
原创粉丝点击