在传递回调时绑定变量[重复]

Question

在将回调函数传递给调用者时如何绑定（或传递值）到回调？

例如：

function callbackTest() {
    for(i=0; i<3; i++){
       setTimeout(function(){
            console.log("Iteration number ", i); 
        }.bind(i), i*1000);
    }
}

callbackTest();

结果：

$ node callback-with-bind.js
Iteration number  3
Iteration number  3
Iteration number  3

我希望绑定在回调传递给调用者时发生。但是没有。

我该怎么做？

在我的实际应用程序中，调用者将另一个参数传递给我的回调，所以我不能简单地将 i 作为参数传递。

function callbackTest() {
    for(i=0; i<3; i++){
        setTimeout(function(myParam){
            console.log("Iteration number ", i);
        }.bind(i), i*1000);
    }
}

callbackTest();

Answer 1

bind，当提供单个参数时，设置函数的 this - 在您的示例中，函数内部的 i 根本没有被绑定或更改 - 它仍然只是使用（全局）@987654324 @。您应该使用 bind 的 second 参数，该参数分配给函数的第一个参数，并为您的函数提供适当的第一个参数，以便可以使用它：

function callbackTest() {
    for(i=0; i<3; i++){
       setTimeout(function(internalI){
            console.log("Iteration number ", internalI); 
        }.bind(null, i), i*1000);
    }
}

callbackTest();

您也可以完全不使用任何参数并继续使用bind(i)，但是您必须在函数中将i 替换为this，这通常不是那种this 应该参考的东西：

function callbackTest() {
    for(i=0; i<3; i++){
       setTimeout(function(){
            console.log("Iteration number " + this); 
        }.bind(i), i*1000);
    }
}

callbackTest();

或者，您可以将i 声明为let，它具有块作用域，而不是全局作用域或函数作用域：

function callbackTest() {
  for (let i = 0; i < 3; i++) {
    setTimeout(function() {
      console.log("Iteration number ", i);
    }, i * 1000);
  }
}

callbackTest();