javascript - 迭代 JSON 对象

Question

这个问题已经有答案了:

JavaScript closure inside loops – simple practical example (45 个回答)

已关闭 8 年前。

我有一个像这样的 JSON 对象

var Obj = {
    'id1': 'abc',
    'id2': 'pqr',
    'id3': 'xyz'
}

我在迭代时调用异步方法，如下所示

var otherObj = {};
for (i in Obj) {

    var someData = Obj[i];

    File.upload(someData).then(function(response) {
        otherObj[i] = response.data.url;
    });
}

但是在这里我得到了 otherObj 作为

otherObj = {
    'id3':'url1',
    'id3':'url2',
    'id3':'url3',
}

所以我的问题是正确关联 Obj 中存在的每个键的最佳方法是什么？响应为 File.upload() 的对象。

Answer 1

您需要使用 IIFE

for (i in Obj) {

    var someData = Obj[i];
    (function(i) {
        File.upload(someData).then(function(response) {
            otherObj[i] = response.data.url;
        });
    })(i);
}

这会将 i 保留在 File.upload().then 回调的执行上下文中。之前发生的事情是每个 File.upload().then 都“看到”最后一个迭代的 i，它对所有回调可见。