JS常用設計模式

2021-10-09 10:15:27 字數 2050 閱讀 4168

在執行當前 single 只獲得唯一乙個物件

單例模式,是一種常用的軟體設計模式。在它的核心結構中只包含乙個被稱為單例的特殊類。通過單例模式可以保證系統中,應用該模式的乙個類只有乙個例項。即乙個類只有乙個物件例項。

var single =

(function()

;}return

return instance;}}

})()

;var obj1 = single.

getinstance()

;var obj2 = single.

getinstance()

;console.

log(obj1 === obj2)

;

工廠模式是我們最常用的例項化物件模式了,是用工廠方法代替new操作的一種模式。

因為工廠模式就相當於建立例項物件的new,我們經常要根據類class生成例項物件,如a a=new a() 工廠模式也是用來建立例項物件的,所以以後new時就要多個心眼,是否可以考慮使用工廠模式,雖然這樣做,可能多做一些工作,但會給你系統帶來更大的可擴充套件性和盡量少的修改量。

function

animal

(opts)

return obj;

}var cat =

animal()

;cat.

getinfo()

;

ecmascript中的建構函式可用來建立特定型別的物件,像array和object這樣的原生建構函式,在執行時會自動出現在執行環境中。此外,也可以建立自定義的建構函式,從而定義自定義物件的屬性和方法。使用建構函式的方法,既解決了重複例項化的問題,又解決了物件識別的問題。

function

animal

(name, color)

}// 例項乙個物件

var cat =

newanimal

('貓'

,'白色');

console.

log( cat.

getname()

);

text屬性變化了,set方法觸發了,但是文字節點的內容沒有變化。 如何才能讓同樣繫結到text的文字節點也同步變化呢? 這裡又有乙個知識點: 訂閱發布模式。

訂閱發布模式又稱為觀察者模式,定義了一種一對多的關係,讓多個觀察者同時監聽某乙個主題物件,這個主題物件的狀態發生改變時就會通知所有的觀察者物件。

發布者發出通知 =>主題物件收到通知並推送給訂閱者 => 訂閱者執行相應的操作。

// 乙個發布者 publisher,功能就是負責發布訊息 - publish

var pub =

}// 多個訂閱者 subscribers, 在發布者發布訊息之後執行函式

var sub1 =

}var sub2 =

}var sub3 =

}// 乙個主題物件

function

dep(

) dep.prototype.

notify

=function()

);}// 發布者發布訊息, 主題物件執行notify方法,進而觸發訂閱者執行update方法

var dep =

newdep()

; pub.

publish()

;

思路: 發布者負責發布訊息、 訂閱者負責接收接收訊息,而最重要的是主題物件,他需要記錄所有的訂閱這特訊息的人,然後負責吧發布的訊息通知給哪些訂閱了訊息的人。

所以,當set方法觸發後做的第二件事情就是作為發布者發出通知: 「我是屬性text,我變了」。 文字節點作為訂閱者,在接收到訊息之後執行相應的更新動作。

js的常用設計模式

單例模式主要是為了解決乙個痛點,就是如何同乙個建構函式,生成同乙個例項化物件,防止重複例項化。原理 判斷這個建構函式是否,使用用過 如果使用過,返回之前的物件 如果沒有使用過,就執行建構函式,生成例項化物件 解決,重複建立物件的問題 如下 1 建立乙個建構函式 空的建構函式 function cre...

JS設計模式

什麼是模式?什麼是設計模式?設計模式是解決軟體設計常見問題的可復用方案 什麼是反模式?反模式是一種針對某個特定問題的不良解決方案,該方案會導致槽糕的情況發生 單例模式?皇帝單例模式 var kingsingleton function return 皇帝存在返回皇帝 return instance ...

js 設計模式

1.單例模式 保證乙個類只有乙個例項,並提供乙個訪問它的全域性訪問點 呼叫乙個類,任何時候返回的都是同乙個例項 class singleton getname static getinstance name return this.instance const instancea singleton...