Promise 函数中的变量未定义

Question

我在全局范围内有一个数组 (targets)，我将其值传递给一个外部函数 [第三方库，externalConverter]，它会进行一些文本转换。该数组的值正在传递给convert 函数，并且转换进行得很好。

const targets = [‘box’, ’box1’, ’box2’, ’box3’]

for (var i = 0; i < targets.length; ++i) {
    console.log(targets[i]); // this is coming out fine
    externalConverter
        .convert(data.text, targets[I])
        .then(results => {
            data.convertedText.push({
                [targets[i]]: results[0]
            });

            //above convertedText array comes out as
            //{“undefined: ”, “nice converted text”}, ...
        })
}

在 Promise 的结果中，我试图访问 targets 值，但在上面的函数中获取 undefined 值。我不确定为什么目标突然变成undefined

有什么想法吗？

Answer 1

i 的值将在任何then 回调执行之前达到其最终值（即targets.length），因此将i 用作索引将超出范围。

使用let i 而不是var i 来创建不会出现此问题的i 的单独实例。