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 去聲明。

 

　  希望大家多多關注我的微信公眾號【源源碼】，里面有最新的科技資訊和人工智能相關知識，我也會不定時的將我最近學習的知識分享給大家！！！

　  多謝大家支持！！！