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