DojoでJavaScriptのsetTimeOutを呼び出すクラス

Question

JavaScript関数をdojoクラスに変換しようとしています。私は、私のJSメソッドの一つにsetTimeOut("functionName",2000)を持っています。 dojo.declareメソッドを使用してクラスのメソッドからこれを呼び出すにはどうすればよいですか？たとえば、私のカスタムクラスは次のとおりです。

dojo.declare("Person",null,{ 
        constructor:function(age,country,name,state){ 
         this.age=age; 
         this.country=country; 
         this.name=name; 
         this.state=state; 
        }, 
        moveToNewState:function(newState){ 
         this.state=newState; 
//I need to call "isStateChanged" method after 2000 ms. How do I do this? 
         setTimeOut("isStateChanged",2000); 
        },     
        isStateChanged:function(){ 
         alert('state is updated'); 
        } 
       }); 
var person=new Person(12,"US","Test","TestState"); 
person.moveToNewState("NewState"); 

私は2000msの後moveToNewState方法からisStateChangedメソッドを呼び出すことができる方法を教えてください。あなたが探しているもの

Answer 1

はsetTimeoutが呼び出すこと関数へ結合this値の方法です：

moveToNewState:function(newState){ 
    // Remember `this` in a variable within this function call 
    var context = this; 

    // Misc logic 
    this.state = newState; 

    // Set up the callback 
    setTimeout(function() { 
     // Call it 
     context.isStateChanged(); 
    }, 2000); 
},  

上記のコンテキストをバインドする閉鎖を使用している（参照： Closures are not complicated）、これはこれを行う通常の方法です。 Dojoは、これらの「バウンド」コールバック（PrototypeおよびjQuery do）を生成するための組み込み関数を提供することがあります。 （編集：それはありません、peller下の彼のコメントに親切にdojo.hitchを指摘した。）ここで、この一般的な概念について

より：You must remember this

Answer 2

これは道場とは何の関係もありません、これは純粋なJavaScriptのです。あなたが探しているのは：

var $this = this; 
setTimeout(function() { $this.isStateChanged() }, 2000); 

チェックアウトthe docs on setTimeoutです。

ああ、関数名の周りに引用符を使用しないでください（おそらくevalが得られ、エラーが発生する）。

Answer 3

メソッドを直接呼び出す方法とは異なり、正しい関数参照を渡すことができるsetTimeout(this.isStateChanged, 2000)を呼び出すことができます。式this.isStateChangedが直ちに評価されます。呼び出しを行うには、余分な関数にラップするか、ローカル変数を宣言する必要はありません。

this変数を呼び出された関数にバインドするには、dojo.hitchを使用します。ローカル変数空間を汚染することなく、独自のクロージャを作成し、他の参照を介して漏洩する可能性があります。

Answer 4

あなたは道場/ _base/LANGを使用して、以下のコードのようにそのヒッチメソッドを使用することができます：それは `setTimeout`は、ない` setTimeOut`、だとそれは（常に、またはほとんど常に）が最適です

moveToNewState:function(newState){ 
    // Misc logic 
    this.state = newState; 

    // Set up the callback 
    setTimeout(lang.hitch(this, function() { 
    // Call with `this` 
    this.isStateChanged(); 
    }), 2000); 
},