下面小編就為大家?guī)?lái)一篇淺析javascript異步執(zhí)行函數(shù)導(dǎo)致的變量變化問(wèn)題解決思路。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
淺析javascript異步執(zhí)行函數(shù)導(dǎo)致的變量變化問(wèn)題解決思路
for(var i=0;i<3;i++)
{
setTimeout(function(){
console.log(i)
},0);
}
控制臺(tái)輸出：
3
3
3
這是因?yàn)閳?zhí)行方法的時(shí)候for循環(huán)已經(jīng)執(zhí)行完成每次執(zhí)行的時(shí)候取得都是3 而不是1-2-3這時(shí)我們可以使用立即執(zhí)行函數(shù)為每一次循環(huán)創(chuàng)建一個(gè)變量副本來(lái)供定時(shí)器調(diào)用解決這個(gè)問(wèn)題
for (var i = 0; i < 3; i++) {
setTimeout(
(function () {
var _i = i;
return function () {
console.log(_i)
};
})(),
0);
}
控制臺(tái)輸出:
1
2
3
以上這篇淺析javascript異步執(zhí)行函數(shù)導(dǎo)致的變量變化問(wèn)題解決思路就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考