javascript - 传递更多值来订阅 observables 的函数

Question

我想使用返回可观察对象的对象方法转换和替换数组中的所有单词。问题是由于结果是异步的，结果的值在错误的索引处被错误地覆盖。如果我有一个同步函数，我可以简单地在 for 循环中调用该函数。在这种情况下我该怎么办？

 for(let word in this.words){
        var i = Object.keys(this.words).indexOf(word);

        this.convertor.get(this.words[i].value).subscribe( (result) => {
            this.words[i].value = result; //The value of i is incorrect
        });
    }

Answer 1

从 ES6 开始，您可以通过替换 var i = 轻松解决此问题与 let i = .这样，您将获得一个具有 block 范围的变量，因此您在循环的每次迭代中都会获得一个不同的变量实例。
当您不支持 let 时，原始答案也有效。 :
您可以使用将额外参数绑定(bind)到的普通函数来解决此问题:

this.convertor.get(this.words[i].value).subscribe( function (i, result) {
    this.words[i].value = result; 
}.bind(this, i));

.bind() 返回一个(新)函数，该函数将类似于您应用的函数 bind on，但会为实际调用该函数的时间预先确定一些事情:

this然后将设置为您传递给 bind 的内容在第一个论点中。与箭头函数相反，老式函数通常得到它们的 this值(value)取决于函数的调用方式——这种行为不是你想要的，因此它是 bind 的一个受欢迎的特性;

一些参数可以预先固定。无论您通过 bind 传递什么其他参数成为该函数的第一个参数的值——它们不是由实际调用决定的。在这种情况下，传递了 i 的值，因此该函数将获取该值作为其第一个参数，无论以后如何调用它。

在调用(返回)时传递给函数的任何其他参数都将遵循前面提到的参数。在这种情况下，实际调用将传递结果的值，因此函数应该处理两个参数:一个由 bind 提供。 ，另一个由调用者。

这解决了您的问题，因为您可以将 i 的正确值传递给每个函数，而不会丢失 this 的值.