Javascript settimeout + callback

Question

我有一个关于回调和超时的javascript问题。

这是一个示例代码片段我写道：

var f1 = function(){ 
    var result; 
    window.setTimeout(
     function(){ 
      console.log("timeout in 100ms"); 
      result = 10; 
     }.bind(this), 100); 
    return result; 
}; 

所以，我希望函数修改变量的结果。我使用.bind（这个）来确保它知道它的结果。

还是，当我运行f1（）时输出为9，而不是10，这正是我所希望的。

任何线索？

Answer 1

结果是一个数字。因此它返回值9不是对象的引用。

bind在您的方案中没有任何有用的效果。 bind更改函数上下文（this）。

返回包含值10的对象将起作用。

var f1 = function(){ 
     var result = { value: 9 }; 
     window.setTimeout(
          function(){ 
          console.log("timeout in 100ms"); 
          result.value = 10;}.bind(this), 100); 
     return result; 
}; 

有可能是您的问题更好的解决方案。

回调：

var f1 = function(valueCallback){ 
     var result; 
     window.setTimeout(function(){ 
      console.log("timeout in 100ms"); 

      result = 10; 
      valueCallback(result); 
}; 

这样的功能将被用于像这样：

f1(function(value)) { 
    console.log(value); // Will print 10 after 100ms. 
}) 

另一种选择，可以使用承诺：

var f1 = function() { 
    return new Promise(function(resolve, reject) { 
     window.setTimeout(resolve.bind(null, 10), 100); 
    } 
} 

你会打电话SUC HA功能，像这样：

f1().then(function(value) { 
    console.log(value); // Will print 10 after 100ms. 
}); 

Answer 2

您所呼叫的超时值修改已经返回的功能之后，所以它返回结果的默认值，然后调用超时，并自该值的范围仅限于该功能，你没有办法修改后返回它。

你可以做的就是这个

var result = 9; 
var f1 = function(){ 

      window.setTimeout(
           function(){ 
           console.log("timeout in 100ms"); 
           result = 10;}.bind(this), 100); 
      return result;}; 

，然后调用F1 to后会返回9随后致电result，它会显示10