如何访问 Mootools fireEvent 函数的第二个参数中的对象实例？

Question

我正在 Mootools 中使用实现：[事件、选项]。

我想将类属性传递给事件触发时调用的函数。我本以为我可以使用 this 来做到这一点，但 this 未定义。

我已经评论了下面我的问题所在的代码。我有一种感觉，这可能与绑定有关，所以我现在就看一下。预先感谢您的任何帮助！

var Person = new Class({

    Implements: [Options, Events],

    initialize: function(options){
        this.setOptions(options);
    }

});

greet = function(name){
    log('Hello, I am ' + name);
}

var ryan = new Person({
    name: 'Ryan',
    onArrive: greet //add event 'arrive'
});
ryan.fireEvent('arrive', ryan.options.name); //ideally I would use this.options.name?

这段代码可以工作，但在最后一行中使用对象实例名称而不是 this 似乎很奇怪。

Answer 1

当您触发事件时，此是您的 ryan 实例。
要使其工作，只需进行以下更改

function greet(name){
    log('Hello, I am ' + this.options.name); //<-- use this here 
}

ryan.fireEvent('arrive');

，但由于现在问候语取决于实例，因此最好将其包含在您的类定义中

var Person = new Class({

    Implements: [Options, Events],

    initialize: function(options){
        this.setOptions(options);
    },
    greet: function() { log('Hello, I am ' + this.options.name); //<-- use this here  }
});

，并且

var ryan = new Person({
    name: 'Ryan',
    onArrive: this.greet.bind(this)  //or a function() { /* log('Hello,... */}
});

Answer 2

this 关键字指的是当前对象。在您的情况下，this 可能指的是全局对象（窗口）。您必须位于 ryan 实例范围内，以便可以将 ryan 引用为 this ：

function fireEvent(e){
    this.fireEvent(e,this.options.name);
}
fireEvent.call(ryan,'arrive');  

您还可以重载 fireEvent< /code> 方法（如果您不想再次使用对同一实例的引用）。像这样的东西：

var originalFireEvent = Person.prototype.fireEvent;
Person.prototype.fireEvent = function(e,o){
    var a = typeof this.options[o] !== 'undefined' ? this.options[o] : null;
    return originalFireEvent.call(this,e,a);
}

然后这样称呼它：

ryan.fireEvent('arrive','name');