原生js自定义事件

Array.prototype.forEach = Array.prototype.forEach || function(callback) {
  var arr = this;
  for (var i = 0, len = arr.length; i < len; i++) {
    callback(arr[i], i);
  }
};

Object.create = Object.create || function(proto) {
    function F() {}
    F.prototype = proto;
    return new F;
}

function Emitter() {
  this._events =   {};
}

Emitter.prototype.on = function(evtype, fn) {
  this._events[evtype] = this._events[evtype] || [];
  if (this._events[evtype].indexOf(fn) !== -1) return;
  this._events[evtype].push(fn);
}
Emitter.prototype.off = function(evtype, fn) {
  if (evtype in this._events === false)  return;
  fn && this._events[evtype].splice(this._events[evtype].indexOf(fn), 1);
  !fn && delete this._events[evtype];
}
Emitter.prototype.emit = function(evtype, detail) {
  var self = this;
  if (!(evtype in this._events)) return;
  this._events[evtype].forEach(function(fn, i) {
      fn.apply(self, detail);
  });
}

Emitter.eventify = function(Klass) {
    Klass.prototype = Object.create(Klass.prototype);
    for (var attr in Emitter.prototype) {
        Klass.prototype[attr] = Emitter.prototype[attr]
    }
    return Klass;
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容