javascript - 自定义事件在类里面完成

以下两个代码示例是在求职面试中提供给我的，我无法使其正常工作：

//CODE1:
var e = new Event();

e.on('myevent', function (a, b) {
    console.log(a + ' ' + b);
});

e.trigger('myevent', ['Hello', 'world']);


//CODE2:
e.on('hello', function() {
    console.log('Hello');
    this.trigger('world');
}).on('world', function() {
    console.log('World');
}).trigger('hello');

因此，给定的两个代码无法修改，称为Event()的类应该起作用，因此两个代码示例都将输出“ Hello world”。
现在，我不要求提供完整的答案。我不太擅长Java类和自定义事件。我知道基础知识，但是如果您知道我的意思，那还不是我真正掌握的知识。我一直在寻找教程，但是我需要一个“更聪明”的人来告诉我应该从哪里开始，也许会为我的问题提供一些好的教程的链接。

谢谢！

最佳答案

演示http://jsfiddle.net/uAQn9/

码：

function Event() {

}

Event.prototype = {

  trigger:function(eventName, arParam) {
    $(window).trigger(eventName, arParam);
  },

  on: function(eventName, cb) {
    var event = this;
    $(window).on(eventName, function(e) {
      var args = Array.prototype.slice.call(arguments);
      cb.apply(event, args.slice(1));
    });
    return this;
  }
}

//CODE1:
var e = new Event();

e.on('myevent', function (a, b) {
    console.log(a + ' ' + b);
});

e.trigger('myevent', ['Hello', 'world']);


//CODE2:
e.on('hello', function() {
    console.log('Hello');
    this.trigger('world');
}).on('world', function() {
    console.log('World');
}).trigger('hello');