你的位置:首页 > Java教程

[Java教程]javascript异步执行函数导致的变量变化问题解决思路


for(var i=0;i<3;i++){   setTimeout(function(){     console.log(i)  },0);}
控制台输出:
3
3
3

 这是因为执行方法的时候for循环已经执行完成每次执行的时候取得都是3 而不是1-2-3这时我们可以使用立即执行函数为每一次循环创建一个变量副本来供定时器调用解决这个问题

 

 for (var i = 0; i < 3; i++) {      setTimeout(      (function () {        var _i = i;        return function () {          console.log(_i)        };      })(),     0);    }
控制台输出:
1
2
3

上面的代码通过执行一个匿名函数来存储执行时的i 的变量_i 并返回一个使用_i变量的输出函数这个匿名函数会形成自己的闭包  执行时输出函数会使用匿名函数闭包中存储的_i 从而解决了变量i变化的问题