js 發(fā)布訂閱模式的實例講解
更新時間:2017年09月10日 08:19:24 作者:八bug哥哥
下面小編就為大家?guī)硪黄猨s 發(fā)布訂閱模式的實例講解。小編覺得挺不錯的,現(xiàn)在就想給大家,也給大家做個參考。一起跟隨小編過來看看吧
廢話不多說,直接上代碼
//發(fā)布訂閱模式 class EventEmiter{ constructor(){ //維護一個對象 this._events={ } } on(eventName,callback){ if( this._events[eventName]){ //如果有就放一個新的 this._events[eventName].push(callback); }else{ //如果沒有就創(chuàng)建一個數(shù)組 this._events[eventName]=[callback] } } emit(eventName,...rest){ if(this._events[eventName]){ //循環(huán)一次執(zhí)行 this._events[eventName].forEach((item)=>{ item.apply(this,rest) }); } } removeListener(eventName,callback){ if(this._events[eventName]){ //當前數(shù)組和傳遞過來的callback相等則移除掉 this._events[eventName]= this._events[eventName].filter(item=>item!==callback); } } once(eventName,callback){ function one(){ //在one函數(shù)運行原來的函數(shù),只有將one清空 callback.apply(this,arguments); //先綁定 執(zhí)行后再刪除 this.removeListener(eventName,one); } this.on(eventName,one); //此時emit觸發(fā)會執(zhí)行此函數(shù),會給這個函數(shù)傳遞rest參數(shù) } } class Man extends EventEmiter{} let man=new Man() function findGirl() { console.log('找新的女朋友') } function saveMoney() { console.log('省錢') } man.once('失戀',findGirl); //man.on('失戀',findGirl) //失戀 ,綁定一個函數(shù)方法 man.on('失戀',saveMoney)//失戀 ,綁定一個函數(shù)方法 man.removeListener('失戀',saveMoney); //移除一個函數(shù)方法 man.emit('失戀'); //綁定一次,觸發(fā)多次,也只執(zhí)行一次。觸發(fā)后一次將數(shù)組中的哪一項刪除掉下次觸發(fā)就不會執(zhí)行
以上這篇js 發(fā)布訂閱模式的實例講解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
您可能感興趣的文章:
- JavaScript事件發(fā)布/訂閱模式原理與用法分析
- JavaScript實現(xiàn)與使用發(fā)布/訂閱模式詳解
- JavaScript中發(fā)布/訂閱模式的簡單實例
- JS前端設計模式之發(fā)布訂閱模式詳解
- JavaScript設計模式之觀察者模式(發(fā)布訂閱模式)原理與實現(xiàn)方法示例
- JavaScript設計模式之觀察者模式與發(fā)布訂閱模式詳解
- 詳解JavaScript設計模式中的享元模式
- JavaScript設計模式之單例模式應用場景案例詳解
- JavaScript 設計模式 安全沙箱模式
- JavaScript設計模式之觀察者模式(發(fā)布者-訂閱者模式)
- javascript 發(fā)布-訂閱模式 實例詳解
相關文章
javascript 實現(xiàn) 秒殺,團購 倒計時展示的記錄 分享
這篇文章介紹了javascript 實現(xiàn) 秒殺,團購 倒計時展示的記錄方法,有需要的朋友可以參考一下2013-07-07