js中常見設計模式總結

2021-10-04 06:46:02 字數 1936 閱讀 2462

1.只有乙個例項。2.可以全域性訪問。3.節省記憶體開銷

function

single

(name)

single.prototype.

getname

=function()

single.prototype.

createobj

=function

(name)

return

this

.obj;

}let a=single.

createobj

("小明");

let b=single.

createobj

("小紅");

console.

log(a===b)

//true

根據不同引數採用不同策略 2.情況決定行為

function

diam

(radius)

function

area

(radius)

function

circumference

(radius)

function

calculate

(state,r)

var result=

calculate

(area,10)

;//計算半徑為10圓的面積

1.組合事件,一次完成多項功能

var

macrocommand

=function()

, excute:

function()

}}}const c1 =

macrocommand()

// 基本物件

c1.add()

const c2 =

macrocommand()

// 組合物件

c2.add()

c2.add()

const c3 =

macrocommand()

c3.add()

c3.add()

const macrocommand =

macrocommand()

macrocommand.

add(c1)

macrocommand.

add(c2)

macrocommand.

add(c3)

macrocommand.

excute()

// 煮咖啡

// 開啟電視

// 開啟音響

// 開啟空調

// 開啟電腦

1.降低了系統耦合度 2.通過呼叫者呼叫接受者執行

const

setcommand

=function

(button, command)

}// -------------------- 上面的介面邏輯由a完成,下面的由b完成

const menu =,}

const

updatecommand

=function

(receive)

}const updatecommand =

updatecommand

(menu)

// 建立命令

const button1 = document.

getelementbyid

('button1'

)setcommand

(button1, updatecommand)

spring中常見的設計模式之工廠模式

設計模式是為解決生活中的問題而誕生的,也就是說我們可以通過生活中的問題來解釋各種各樣的模式,也是前人對 開發經驗的總結。工廠模式分為簡單工廠 工廠方法 抽象工廠。我們可以通過使用生活的例子來解釋它們的作用 1 簡單工廠可以看做一些小作坊模式,生產的產品由客戶選擇 簡單工廠if else或者case語...

Spring中常見的設計模式 裝飾者模式

裝飾者模式 decorator pattern 是指在不改變原有物件的基礎上,將功能附加到物件上,提供了比繼承更有彈性的方案 擴充套件原有物件的功能 屬於結構型模式。裝飾者模式適用於以下場景 以做煎餅果子為例演示裝飾者模式是怎麼裝的 首先做乙個煎餅果子抽象 public abstract class...

JS常見設計模式 單例模式

乙個類只有乙個例項,並暴露出乙個點供全域性訪問 類 function login 原型 login.prototype hide function hide 單例方法 如果沒建立例項則建立例項並返回 否則返回已建立的例項 let getlogin function return instance l...