JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
时间:2020-12-15 01:44:19|栏目: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>
栏 目:JavaScript代码
下一篇:纯JS实现五子棋游戏
本文标题:JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
本文地址:http://www.codeinn.net/misctech/33064.html