觀察者模式

2022-06-21 18:18:09 字數 1854 閱讀 8030

觀察者模式:乙個物件一直在監視某種行為,一旦監視到這個行為發生了,就會去執行乙個函式

其實事件繫結也是觀察者模式

以前:繫結事件的事件源,必須是乙個dom節點,事件型別必須是指定的

今天:繫結事件的事件源,可以是任意物件,事件型別可以是任意型別

class watcher

//繫結事件

addeventlistener(type,handler)

//obj[type] = [handler] // 第一次將函式放在乙個陣列中

//obj[type].push(handler) // 第二次將函式push到陣列中

//遍歷container,判斷裡面是否有type這個事件型別

//有就push,沒有就建立陣列,再push

//var flag = true

//var index;

//for(var i=0;i//

if(type in this.container[i])//}

//// 通過flag判斷事件型別是否在陣列中

//if(flag)

//obj[type] = [handler]

//}else

var index = this.container.findindex(v=>type in

v)

if(index===-1)

obj[type] =[handler]

this

.container.push(obj)

}else

}//移除事件

removeeventlistener(type,handler)

//要在arr中刪除乙個函式

var arr = this

.container[index][type]

下標,1)

//在arr中找到handler的下標

var i = arr.findindex(v=>v===handler)

arr.splice(i,1)

}//觸發事件

dispatchevent(type,...arr)

e.type =type

e.data =arr

//從container中找到對應的type,對應的函式組成的陣列 - 遍歷陣列呼叫所有函式

var index = this.container.findindex(v=>type in

v)

if(index===-1)

for(var i=0;i}

}var w = new

watcher()

function

kan1()

function

kan2()

function

pao1(e)

'kan',kan1)

'kan',kan2)

w.addeventlistener('pao',pao1)

//解綁事件

'kan',kan1)

'aaa',kan1)

//手動觸發事件

'kan')

w.dispatchevent('pao',1,2,3,4,5)

/*選擇使用什麼樣的資料取儲存?

存多個值:陣列、物件

物件鍵唯一,所以排除掉物件

陣列:[

事件1,

事件2,]*/

//var index = arr.findindex(v=>)

//function fn()

'click',fn)

//var e = new event('click')

//// 手動觸發事件

python觀察者模式 python 觀察者模式

python 觀察者模式 前言e 寫的倉促就不截uml類圖了,書本chapter10,p313能看到圖 一旦觀察的主題有更新,就會通知到觀察者們,下面的例子是最簡單的乙個觀察者範例,假設這是一群投機分子密切關注 軍 火 倉庫的產品與數量變動 class inventory def init self...

觀察者模式

觀察者模式 observer 完美的將觀察者和被觀察的物件分離開。舉個例子,使用者介面可以作為乙個觀察者,業務資料是被觀察者,使用者介面觀察業務資料的變化,發現資料變化後,就顯示在介面上。物件導向設計的乙個原則是 系統中的每個類將重點放在某乙個功能上,而不是其他方面。乙個物件只做一件事情,並且將他做...

觀察者模式

觀察者模式定義了一種一對多的依賴關係,讓多個觀察者物件同時監聽某乙個主題物件。這個主題物件在狀態上發生變化時,會通知所有觀察者物件,讓他們能夠自動更新自己 任何乙個模式都是離不開角色的,這裡也會有幾種角色 抽象主題角色 把所有對觀察者物件的引用儲存在乙個集合中,每個抽象主題角色都可以有任意數量的觀察...