今天在寫jQuery請求接口中發(fā)現(xiàn)一個問題:
在用AJAX發(fā)送請求中又嵌套了一個AJAX請求,發(fā)現(xiàn)在內(nèi)層請求的success中對第一次success中的循環(huán)變量 i 無法獲取,具體代碼如下:
$.ajax({ type: "get", url: "http://////////////////////////", success: function (result) { rs = JSON.parse(result).data; for (var i = 0; i < rs.length; i++) { //用var定義有問題 var pos_ = "" $.ajax({ type: 'GET', async: false, dataType: 'jsonp', contentType: 'application/json; charset=utf-8', url: "http:///////////////////////////////////", success: function (result) { console.log(rs[i]) //報錯 } }) } } })
在第二次的ajax請求后的回調(diào)函數(shù)中,rs[i]是會報錯的。
解決方案:
將for循環(huán)中聲明變量var i 更改為let i
具體原因:
是第一次回調(diào)函數(shù)后的for循環(huán)中,如果你再次發(fā)送請求,for循環(huán)并不會停止,即使你寫了同步請求也不行。
但是如果你在聲明for循環(huán)變量用let后,代碼會直到你請求完畢,回調(diào)函數(shù)執(zhí)行完畢后,再進行下一次的循環(huán)。
這就考慮到了一個閉包的問題,如果你寫var和let聲明的作用域不同。
let i 會以局部變量的形式傳遞
var i 會以全局變量的形式傳遞
如果要想將 i 變量傳遞給下一層,要使用let 去聲明。
總結(jié)
以上所述是小編給大家介紹的jQuery中的for循環(huán)var與let的區(qū)別 ,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com