jQuery中的for循環var與let的區別

今天在寫jQuery請求接口中發現一個問題：

    　　在用AJAX發送請求中又嵌套了一個AJAX請求，發如今內層請求的success中對第一次success中的循環變量 i 沒法獲取，具體代碼以下：

 

 $.ajax({
        type: "get",
        url: "//////////////////////////"，
        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: "///////////////////////////////////",
                    success: function (result) {
                        console.log(rs[i]) //報錯
                    }
                })
            }
        }
    })

　　

　　在第二次的ajax請求後的回調函數中，rs[i]是會報錯的。

　　解決方案：

 

　　　　將for循環中聲明變量var i 更改成let i

 

　　具體緣由：

　　是第一次回調函數後的for循環中，若是你再次發送請求，for循環並不會中止，即便你寫了同步請求也不行。

　　可是若是你在聲明for循環變量用let後，代碼會直到你請求完畢，回調函數執行完畢後，再進行下一次的循環。

　　這就考慮到了一個閉包的問題，若是你寫var和let聲明的做用域不一樣。

 

　　let i 會以局部變量的形式傳遞

　　var i 會以全局變量的形式傳遞

 

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

 

　  但願你們多多關注個人微信公衆號【源源碼】，裏面有最新的科技資訊和人工智能相關知識，我也會不定時的將我最近學習的知識分享給你們！！！

　  多謝你們支持！！！