Javascriptが：私は最近、いくつかのものを維持するためにはJavaScriptを学び始め、この問題に今日走った

Question

匿名関数の式に使用したsetTimeout：

初期化が呼び出されると、私はmoveCharが呼ばれることを期待

this.moveChar = function(){ 
    // body here 
    setTimeout(moveChar,1000); 
} 

this.initialise= function(){ 
    this.moveChar(); 
} 

、繰り返さ1000msごとに1回呼び出す

しかし実際にはmoveCharは一度呼び出されるとそれだけです。私が読んだ他のスタックオーバーフローの投稿に基づいて、私はそれが宣言されているのではなく表現されている関数と関係していると考えました。私は使用しようとしました

this.moveChar = function recMove(){ 
    // body here 
    setTimeout(recMove,1000); 
} 

運もありません。

どのように私はこれを修正することができますか？

編集：私がする必要があることは、毎秒1回呼び出されるmoveChar関数を持たせることです。 setTimeout再帰よりも優れたアプローチがある場合は、私はそれを開いています

Answer 1

this.moveCharthisがwindowようなグローバルスコープのオブジェクトである場合を除き、moveCharと同じではありません。

this.moveCharはオブジェクトのプロパティですが、moveCharは可視スコープチェーン内の任意の変数を参照します。あなたはどのようなオブジェクトの範囲を維持するために、物事のカップルにそれを変更することができます

が使用されています：

を.bind()

this.moveChar = function(){ 
    // body here 
    setTimeout(this.moveChar.bind(this),1000); 
} 

を使用して arrow function

this.moveChar = function(){ 
    // body here 
    setTimeout(()=>this.moveChar(),1000); 
} 

を使用して

Answer 2

ここでside bodyにthisを使用していますか？
もしそうなら、コール中に正しいコンテキストをバインドする必要があります。

this.moveChar = function(){ 
    // body here 
    setTimeout(this.moveChar.bind(this), 1000); 
} 

または匿名関数を使用します。

this.moveChar = function(){ 
    // body here 
    var that = this; 
    setTimeout(function(){ 
     that.moveChar(); 
    }, 1000); 
} 

または矢印機能：

this.moveChar = function(){ 
    // body here 
    setTimeout(() => this.moveChar(), 1000); 
} 

同じノートはsetIntervalバリアントに適用されます。

this.initialise= function(){ 
    setInterval(this.moveChar.bind(this), 1000); 
    // var that = this; 
    // setInterval(function(){that.moveChar();}, 1000); 

    // setInterval(() => this.moveChar(), 1000); 
} 

Answer 3

あなたが使用して検討する必要がありますこのタスクのより適切なAPIである

setInterval()は何ですか - 特定の間隔に達すると、指定された関数を繰り返し呼び出します。

参照： https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setInterval

引用：

を繰り返し、各呼び出しの間に一定 時間遅延で、関数を呼び出すか、コードスニペットを実行します。 intervalIDを返します。

例：

moveChar()があなたの操作ロジックが含まれていますと仮定。それを繰り返すには、この1行を行います。

let moveChar = function(){ 
    // Do stuff 
    console.log("Hi thanks for calling me!"); 
} 

setInterval(moveChar, 1000); 

Answer 4

this.moveChar = function(){ 
     // body here 
    alert('called moveChar'); 
    } 

this.initialise= function(){ 
    setInterval(function(){moveChar();},1000); 
} 

this.initialise();//call here