JavaScript实现事件原型

function Emitter(){
    this._listener=[];
}
//绑定事件
Emitter.prototype.bind=function(eventName,callback){
    var listener=this._listener[eventName]||[]
    listener.push(callback);
    this._listener[eventName]=listener;
}
//绑定触发一次事件
Emitter.prototype.once = function (eventName, callback){
  function wrapper () {
    this.off(eventName);
    callback.apply(this, arguments);
  }
  this.bind(eventName, wrapper);
};
//触发事件
Emitter.prototype.trigger=function(eventName){
    var args=Array.prototype.slice.call(arguments,1)
    var listener=this._listener[eventName];
    if(!Array.isArray(listener)) return;
    listener.forEach(function(callback){
        try{
            callback.apply(this,args)
        }
        catch(e){
            console.log(e)
        }
    })
}
//取消事件绑定
Emitter.prototype.off = function(eventName){
  this._listener[eventName] = [];
}
//调用
var emitter=new Emitter();
emitter.bind('myevent',function(arg1,arg2){
    console.log(arg1,arg2);
})
emitter.bind('myevent',function(arg1,arg2){
    console.log(arg2,arg1);
})

emitter.trigger('myevent','a','b')
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值