当前位置:Gxlcms > JavaScript > JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题

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

时间:2021-07-01 10:21:17 帮助过:7人阅读

代码如下:

<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>

人气教程排行