javascript - 為什麼在for迴圈裡的promise,無法讀取到index
给我你的怀抱
给我你的怀抱 2017-05-19 10:20:43
0
5
638
for (var key in arr) {
  if (arr.hasOwnProperty(key)) {
    console.log('这一次可以输出key'+key)
    this.$http.post('/getPaperListByCIdAndTId', {
      teacherId: window._const.teacherId,
    }).then((res_in) => {
      console.log('这一次不能输出key'+key)
    })
  }
} 

第二次輸出的是$remove

#或告訴我怎樣在.then裡獲取到key

给我你的怀抱
给我你的怀抱

全部回覆(5)
仅有的幸福

關鍵字:閉包

習慣沉默

用array.map解決會更優雅

滿天的星座

閉包了 es6中將var換成let即可

小葫芦

這個問題是比較典型的循環變數作用域的問題。 then() 中的回调被调用的时候 key 可能已经循环到最后一个了(也可能是间的某个值),所以里面使用的 key 值是当时的 key 值。这在 ES6 中要可以用 let 代替 var 來解(因為我看你已經用 ES6 的箭頭函數,所以先用 ES6)

for (let key in arr) {
    if (arr.hasOwnProperty(key)) {
        console.log("这一次可以输出key" + key);
        this.$http.post("/getPaperListByCIdAndTId", {
            teacherId: window._const.teacherId
        }).then((res_in) => {
            console.log("这一次不能输出key" + key);
        });
    }
}

如果要寫 ES5,可以用個 IIFE 來封局部化 key 值(通過參數傳入,所以不會變了)

for (var key in arr) {
    if (arr.hasOwnProperty(key)) {
        (function() {
            console.log("这一次可以输出key" + key);
            this.$http.post("/getPaperListByCIdAndTId", {
                teacherId: window._const.teacherId
            }).then(function(res_in) {
                console.log("这一次不能输出key" + key);
            });
        })(key);
    }
}

推薦函數式寫法,看起來比較簡潔,ES6 可以這樣乾

Object.keys(arr)
    .filter(key => arr.hasOwnProperty(key))
    .forEach(key => {
        console.log(`这一次可以输出 key:${key}`);
        this.$http.post("/getPaperListByCIdAndTId", {
            teacherId: window._const.teacherId
        }).then(res_in => {
            console.log(`这一次不能输出 key 才怪:${key}`);
        });
    });

ES2017 還可以用 async,文法更簡潔

Object.keys(arr)
    .filter(key => arr.hasOwnProperty(key))
    .forEach(async key => {
        console.log(`这一次可以输出 key:${key}`);
        const res_in = await this.$http.post("/getPaperListByCIdAndTId", {
            teacherId: window._const.teacherId
        });
        console.log(`这一次不能输出 key 才怪:${key}`);
    });
左手右手慢动作

剛測試了下,是可以的,而且一定要用let而不是var,否則輸出的都是最後一個key

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!