JavaScript初级篇—闭包精细版

tech2025-06-20  7

闭包精细篇

function test(){ var arr = []; for(var i = 0;i < 10;i++){ arr[i] = function(){ document.write(i + " "); } } return arr; } var myArr = test(); for(var j=0;j<10;j++){ myArr[j](); }

结果显示:10,10,10,10,10,10,10,10,10,10 分析: arr[i] = function(){//代码块}在这个语句中,function并不会执行,只是对arr[i]进行赋值递增,只有等到调用的时候才会被执行。

解决方案:

function test(){ var arr = []; for(var i = 0;i < 10;i++){ (function (j){ arr[j] = function(){ document.write(j + " "); }(i)) } } return arr; } var myArr = test(); for(var j=0;j<10;j++){ myArr[j](); }

采用立即执行函数来解决闭包问题 输出结果:0,1,2,3,4,5,6,7,8,9 分析: 10次for循环就产生10个立即执行函数,执行完毕之后就被销毁。每一次执行arr[i]=function(){//代码块}的时候就会将对应的j存储在数组中。但myArr[j]被执行时就能正确输出。

最新回复(0)