九州下载 - 系统安卓苹果手机游戏推荐下载网站!

当前位置:九州下载 > 建站问答 >

js自定义事件的实现

时间:2023-02-26 09:33编辑:九州下载来源:www.wzjsgs.com

1、指定谁是发布者。

2、给发布者添加一个缓存列表来存储回调,以便通知订阅者。

3、发布消息时,发布者会遍历这个列表,依次触发存储在其中的订阅者回调函数。

实例

constsalesOffices={}//定义售楼处

salesOffices.clientList=[]//缓存列表,存放订阅者的回调函数

salesOffices.listen=function(fn){//增加订阅者
this.clientList.push(fn)//添加进缓存列表
}

salesOffices.trigger=function(){//发布消息
for(leti=0,fn;fn=this.clientList[i++];){
fn.apply(this,arguments)//arguments是发布消息时带上的参数
}
}


//测试

salesOffices.listen((price,squareMeter)=>{//小明订阅消息
console.log('价格='+price)
console.log('squareMeter='+squareMeter)
})

salesOffices.listen((price,squareMeter)=>{//小红订阅消息
console.log('价格='+price)
console.log('squareMeter='+squareMeter)
})

salesOffices.trigger(2000000,88)
salesOffices.trigger(3000000,110)

以上就是js自定义事件的实现,希望对大家有所帮助。

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。

相关文章