問題與回調

Question

我試圖用setTimeout執行一些語句，這實際上是在getSendingJSON("/plot",args,plotReglaFalsa)

這是回調函數執行plotReglaFalsa內執行的函數內部setTimeout函數的變量是代碼段的句子被執行通過setTimeout：

for (series in respuesta) { 
       if (series != "x" && series != "y" && series != "raiz") { 

        setTimeout(function(respuesta,series){plot.highlight(c,[respuesta[series].a,0])},1500)      
        setTimeout(function(respuesta,series){plot.highlight(c,[respuesta[series].b,0])},1800) 
        c++ 
       } 
} 

這裏的問題是，respuesta等系列實際上是現有一旦回調發生。

當我嘗試運行我得到以下控制檯輸出：

TypeError: series is undefined 


...Timeout(function(respuesta,series){plot.highlight(c,[respuesta[series].a,0])},15... 

16 
biseccion.js (line 50) 
TypeError: series is undefined 


...Timeout(function(respuesta,series){plot.highlight(c,[respuesta[series].b,0])},18... 

這是我的全部代碼：

function plotReglaFalsa(respuesta) { 

      var result = [] 

      result.push({ 
      label: "fx", 
      color: "red", 
      data: _.zip(respuesta['x'], respuesta['y']) 
      }) 

      for (series in respuesta) { 
       if (series != "x" && series != "y" && series != "raiz") { 
        result.push({ 
         color: "blue", 
         data: [[]] 
        }) 
       } 
      } 

      var plot = $.plot( $("#placeholder"), 
           result, 
           { selection:{mode: "xy"}, 
            zoom: { interactive: true }, 
            pan: { interactive: true }, 
            grid: { markings: [{ xaxis: { from: 0.0, to: 0.0 }, color: 'black', lineWidth: 2 }, { yaxis: { from: 0.0, to: 0.0 }, color: 'black', lineWidth: 2 }] } 
           }) 
      plot.getOptions().selection.mode = null 

      var c = 1 

      for (series in respuesta) { 
       if (series != "x" && series != "y" && series != "raiz") { 

        setTimeout(function(respuesta,series){plot.highlight(c,[respuesta[series].a,0])},1500) 
        setTimeout(function(respuesta,series){plot.highlight(c,[respuesta[series].b,0])},1800) 
        c++ 
       } 
      } 

     } 

     getSendingJSON("/plot",args,plotReglaFalsa) 


      function resaltarPuntos(plot,respuesta,series,c,x){ 
      plot.highlight(c,[respuesta[series].x,0]) 
     } 

     function desResaltarPuntos(plot){ 
      plot.unhighlight() 
     } 

getSendingJSON實際上是AJAX。我怎樣才能完成這項工作？

Answer 1

按elclanrs'評論：每次

通過for循環的代碼迭代時修改的series值。因此在調用setTimeout()時，series的值已更新爲respuesta中的最後一個值。

你需要利用關閉所以你setTimeout()使用的series的價值，因爲它是在該迭代。

for (series in respuesta) { 
    if (series != "x" && series != "y" && series != "raiz") { 
     (function(x){ 
      setTimeout(function(){plot.highlight(c,[respuesta[x].a,0])},1500);      
      setTimeout(function(){plot.highlight(c,[respuesta[x].b,0])},1800); 
      c++; 
     }(series)) 
    }  
} 

的