jQuery中的for循環(huán)var與let的區(qū)別

今天在寫(xiě)jQuery請(qǐng)求接口中發(fā)現(xiàn)一個(gè)問(wèn)題：

    　　在用AJAX發(fā)送請(qǐng)求中又嵌套了一個(gè)AJAX請(qǐng)求，發(fā)現(xiàn)在內(nèi)層請(qǐng)求的success中對(duì)第一次success中的循環(huán)變量 i 無(wú)法獲取，具體代碼如下：

$.ajax({
 type: "get",
 url: "http://////////////////////////"，
 success: function (result) {
 rs = JSON.parse(result).data;
 for (var i = 0; i < rs.length; i++) { //用var定義有問(wèn)題
 var pos_ = ""
 $.ajax({
 type: 'GET',
 async: false,
 dataType: 'jsonp',
 contentType: 'application/json; charset=utf-8',
 url: "http:///////////////////////////////////",
 success: function (result) {
 console.log(rs[i]) //報(bào)錯(cuò)
 }
 })
 }
 }
 }) 

　　在第二次的ajax請(qǐng)求后的回調(diào)函數(shù)中，rs[i]是會(huì)報(bào)錯(cuò)的。

　　解決方案：

　　　　將for循環(huán)中聲明變量var i 更改為let i

　　具體原因：

　　是第一次回調(diào)函數(shù)后的for循環(huán)中，如果你再次發(fā)送請(qǐng)求，for循環(huán)并不會(huì)停止，即使你寫(xiě)了同步請(qǐng)求也不行。

　　但是如果你在聲明for循環(huán)變量用let后，代碼會(huì)直到你請(qǐng)求完畢，回調(diào)函數(shù)執(zhí)行完畢后，再進(jìn)行下一次的循環(huán)。

　　這就考慮到了一個(gè)閉包的問(wèn)題，如果你寫(xiě)var和let聲明的作用域不同。

　　let i 會(huì)以局部變量的形式傳遞

　　var i 會(huì)以全局變量的形式傳遞

　　如果要想將 i 變量傳遞給下一層，要使用let 去聲明。

總結(jié)

以上所述是小編給大家介紹的jQuery中的for循環(huán)var與let的區(qū)別 ，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)歡迎給我留言，小編會(huì)及時(shí)回復(fù)大家的！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com