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

更新時間：2018年04月21日 13:34:49 作者：人緣好

這篇文章主要介紹了jQuery中的for循環(huán)var與let的區(qū)別 ,非常不錯，具有參考借鑒價值，需要的朋友可以參考下

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

　　在用AJAX發(fā)送請求中又嵌套了一個AJAX請求，發(fā)現在內層請求的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請求后的回調函數中，rs[i]是會報錯的。

　　解決方案：

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

　　具體原因：

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

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

　　這就考慮到了一個閉包的問題，如果你寫var和let聲明的作用域不同。

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

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

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

總結

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