class EventEmitter {
constructor() {
// 定義存放事件訂閱的存儲變量
this.listeners = {};
}
on(type, cb) {
let cbs = this.listeners[type];
if (!cbs) { // 判斷是否已經(jīng)有訂閱
cbs = [];
}
// 訂閱一則事件
cbs.push(cb);
this.listeners[type] = cbs;
return this;
}
emit(type, ...args) {
const cbs = this.listeners[type];
if (Array.isArray(cbs)) {
for (let i = 0; i < cbs.length; i++) {
const cb = cbs[i];
if (typeof cb === 'function') {
// 觸發(fā)一則事件
cb(...args);
}
}
}
return this;
}
off(type, cb) {
if (cb) { // 如果有回調(diào)，則取消訂閱該回調(diào)
let cbs = this.listeners[type];
cbs = cbs.filter(eMap => eMap.cb !== cb);
this.listeners[type] = cbs;
} else { // 否則取消訂閱整個事件
this.listeners[type] = null;
delete this.listeners[type];
}
return this;
}
}
export default new EventEmitter();
javascript 實現(xiàn)訂閱發(fā)布模式
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門匕得，熙熙樓的掌柜王于貴愁眉苦臉地迎上來继榆，“玉大人，你說我怎么就攤上這事汁掠÷远郑” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵考阱，是天一觀的道長翠忠。 經(jīng)常有香客問我，道長乞榨，這世上最難降的妖魔是什么秽之？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮吃既，結(jié)果婚禮上考榨，老公的妹妹穿的比我還像新娘。我一直安慰自己鹦倚，他們只是感情好河质，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著震叙，像睡著了一般掀鹅。 火紅的嫁衣襯著肌膚如雪雄嚣。 梳的紋絲不亂的頭發(fā)上丙者，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼拂共！你這毒婦竟也來了牺弄？” 一聲冷哼從身側(cè)響起，我...
- 正文 年R本政府宣布车要，位于F島的核電站允粤，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏翼岁。R本人自食惡果不足惜类垫，卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望琅坡。 院中可真熱鬧悉患，春花似錦、人聲如沸榆俺。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽谴仙。三九已至迂求，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間晃跺，已是汗流浹背揩局。 一陣腳步聲響...
