JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题


复制代码 代码如下:

<script type="text/javascript">
function createArray() {
var arr = new Array();
for (var i = 0; i < 10; i++) {
arr[i] = function () {
return i;
}
}
return arr;
}
var funcs = createArray();
for (var i = 0; i < funcs.length; i++) {
document.write(funcs[i]() + "<br />");
}
//以上输出全部是i的最后一次的值(10),即会输出10个10,显然这不是我们想要的
//原因:因为每个函数都保存了createArray函数的活动对象,所以他们引用的都是同一个i(按引用传的值)
//解决方案:把按引用传参修改为按值传参
function createArray() {
var arr = new Array();
for (var i = 0; i < 10; i++) {
arr[i] = function (num) {
return function () {
return num;
}
} (i);//调用此匿名函数返回内部匿名函数,这里多了一步按值传递参数
}
return arr;
}
var funcs = createArray();
for (var i = 0; i < funcs.length; i++) {
alert(funcs[i]() + "<br />");
}
//以上输出的为理想结果
</script>

« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3