javascript關閉錯誤

Question

我試圖做一個setTimeout，我將變量傳遞給setTimeout（）內被調用的函數。經過一些初步的失敗，然後使用谷歌我發現一個網站，描述如何使用閉包做到這一點。我幾乎跟着例子，但我不斷收到一條錯誤消息：經過參數列表

此錯誤消息正在呼籲setTimeout的，但據我可以告訴一切被關閉

缺失）。任何幫助，將不勝感激：

var textureAtlas = new Image() 

function init() { 

    textureAtlas.src = "images/textureatlast1.png"; 
    var textureAtlasCoords = new Array("0,0", "100,0", "200,0", "300,0", "400,0", "500,0", "600,0"); 

    var canvas = document.getElementById('textureAtlas'); 

    if (canvas.getContext){ 

     var ctx = canvas.getContext('2d'); 

     for(var c=0; c<textureAtlasCoords.length; c++) { 

      var thisCoord = textureAtlasCoords[c]; 
      var thisCoordSplit = thisCoord.split(","); 
      var thisX = thisCoordSplit[0]; 
      var thisY = thisCoordSplit[1]; 

      var a = setTimeout(animate(){myFunction(ctx, textureAtlas, thisX, thisY); ctx=null, textureAtlas=null, thisX=null, thisY=null},1000); 
     } 

    } else { 
     alert("Looks like your browser doesn't support HTML5"); 
    } 

} 

function animate() { 

    ctx.drawImage(thisImg,thisX,thisY, 1024, 451, 0, 0, 1024, 451); 

} 

Answer 1

另外：

function animate() { 

    ctx.drawImage(thisImg,thisX,thisY, 1024, 451, 0, 0, 1024, 451); 

} 

上下文這裏將引發 '未定義'，作爲

var ctx = canvas.getContext('2d'); 

將只在init的範圍內可用。

你不嚴格需要一個「;」第一行之後：

var textureAtlas = new Image() 

然而，這將是一個非常好的主意，請參見：does javascript require ';' at the end of a line of code?

Answer 2

我不完全清楚你想要安排在這裏。

我可以告訴你的setTimeout它可以是一個函數文本或函數引用，就像這樣：

• 功能：

  setTimeout(nameOfMyFunction, 1000); // reference -- note, NO parentheses here 
  
  setTimeout(function() { // literal -- the function being executed is "anonymous" 
       /* body of function here */ 
      }, 
      1000); 
  

  在第一個語法，需要注意兩件事情很重要必須在其他地方正常定義nameOfMyFunction;

• 使用此語法，您不能將任何參數傳遞給nameOfMyFunction。

如果通過一些ARGS是很重要的，那麼你就可以在通過他們，像這樣的匿名函數包裹調用：

setTimeout(function() { 
     nameOfMyFunction(someArg, otherArg); 
    }, 
    1000); 

而且目前還不清楚是什麼myFunction是。 myFunction是否準備animate使用的繪圖環境？或者是其他的一次性操作，應該在animate之前發生？

Answer 3

替換：

var a = setTimeout(animate(){myFunction(ctx, textureAtlas, thisX, thisY); ctx=null, textureAtlas=null, thisX=null, thisY=null},1000); 
    } 

通過

var a = setTimeout(animate, 1000); 

我不知道你爲什麼包括animate後(){...}？

Answer 4

試穿setTimeout加字function：

 var a = setTimeout(function animate() { 
      myFunction(ctx, textureAtlas, thisX, thisY); 
      ctx = null, textureAtlas = null, thisX = null, thisY = null 
     }, 1000);