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

Question

我正在处理 Mootools 中的实现：[事件、选项]。

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

我已经在下面的代码中注释了我的问题所在。我有一种感觉，这可能与 binding 有关，所以我现在就来看看。提前感谢您的帮助！

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');

但由于 greet 现在取决于实例，最好将其包含在您的类定义中

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 方法。像这样的东西：

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');