觀察者模式下es6的實現（自定義可監聽事件）
阿新 • • 發佈：2018-11-10
定義
觀察者模式：又叫釋出訂閱模式，多個觀察者可以實時監聽一個主題物件，而javascript中最常用的實現方式是事件觸發機制。
es6實現：
要知道需要有什麼東西，類和建構函式是es6中基本的物件結構
class BaseEvent {
constructor() {}
}
首先類中要能儲存各種觸發回撥函式，通常用陣列
此時建構函式如下
constructor() {
this.handlerFunc = [];
}
現在類的主體已經完成，考慮新增事件行為
如：監聽事件函式on；觸發事件函式trigger等
然後是實現
on(eName, callback) {
if (!this.handlerFunc[eName]) { // 判斷事件是否存在
this.handlerFunc[eName] = [];
}
this.handlerFunc[eName].push(callback);
}
trigger(eName, params) {
this.this.handlerFunc[eName].forEach(func => {
func.call(this, params);
})
}
最後事件的繼承
class MyEvent extends BaseEvent {
constructor() {
super();
}
}
es6中class與extends 語法糖
es6使用語法糖實現類與類的繼承，相較於es5要簡單的多：es5中的繼承有原型鏈繼承，建構函式（注意與es6中建構函式的區別）繼承，組合繼承，組合繼承是最常採用的方法