在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");

请告诉我如何在 2000 毫秒后从 moveToNewState 方法调用 isStateChanged 方法。

Answer 1

您正在寻找的是将 this 值绑定到 setTimeout 将调用的函数的方法：

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);
},     

上面使用的是 >closure 绑定上下文（参见：< em>闭包并不复杂），这是通常的方法。 Dojo 可能会提供一个内置函数来生成这些“绑定”回调（Prototype 和 jQuery 都是如此）。 （编辑：确实如此，在他下面的评论中peller善意地指出dojo.hitch。）

有关此一般概念的更多信息，请参见：你必须记住这个

Answer 2

这与dojo无关，这是纯javascript。您要查找的是：

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

查看有关 setTimeout 的文档。

哦，还有，请不要在函数名称周围使用引号（因为这会使其成为无用的字符串，可能会被评估并给出错误）。

Answer 3

您可以简单地调用 setTimeout(this.isStateChanged, 2000) ，它将传递正确的函数引用，这与直接调用该方法的方式不同。立即计算表达式 this.isStateChanged。要进行调用，无需将其包装在额外的函数中或声明局部变量。

要将 this 变量绑定到被调用的函数，可以使用 dojo.hitch 它将创建自己的闭包，而不会污染局部变量空间并可能通过其他引用泄漏。

Answer 4

您可以使用 dojo/_base/lang 并使用其挂接方法，如下代码所示：

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

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