首頁  >  文章  >  web前端  >  js設計模式:什麼是指令模式? js指令模式的介紹

js設計模式:什麼是指令模式? js指令模式的介紹

不言
不言原創
2018-08-17 16:26:401482瀏覽

這篇文章帶給大家的內容是關於js設計模式:什麼是指令模式? js指令模式的介紹,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。

什麼是指令模式?

定義:將一個請求封裝成一個對象,讓您可以用不同的請求對客戶進行參數化。

主要解決:在軟體系統中,行為請求者與行為實現者通常是緊密耦合的關係,但某些場合,例如需要記錄、撤銷行為或重做、事務等處理時,這種無法抵禦變化的緊密耦合的設計就不太合適。

何時使用:在某些場合,例如要對行為進行"記錄、撤銷/重做、事務"等處理,這種無法抵禦變化的緊密耦合是不合適的。在這種情況下,如何將"行為請求者"與"行為實現者"解耦?將一組行為抽象化為對象,可以實現二者之間的鬆散耦合。

如何解決:透過呼叫者呼叫接受者執行指令,順序:呼叫者→接受者→指令。

關鍵程式碼:定義三個角色:1、received 真正的指令執行物件2、Command 3、invoker 使用指令物件的入口

##js指令模式優點: 1、降低了系統耦合度。 2、新的指令可以很容易地加入到系統中去。

js指令模式缺點:使用指令模式可能會導致某些系統有過多的具體指令。

js指令模式使用場景:認為是指令的地方都可以使用指令模式,例如: 1、GUI 中每一個按鈕都是一條指令。 2、模擬 CMD。

注意事項:系統需要支援指令的撤銷(Undo)操作與復原(Redo)操作,也可以考慮使用指令模式,請參閱指令模式的擴充。

js指令模式

指令模式在JavaScript 中也比較簡單,下面程式碼中對

按鈕指令進行了抽離,因此可以複雜專案中可以使用命令模式將介面的程式碼和功能的程式碼交付給不同的人去寫。

const setCommand = function(button, command) {
    button.onClick = function() {
        command.excute()
    }
}

// --------------------  上面的界面逻辑由A完成,下面的由B完成

const menu = {
    updateMenu: function() {
        console.log('更新菜单')
    },
}

const UpdateCommand = function(receive) {
    return {
        excute: receive.updateMenu,
    }
}

const updateCommand = UpdateCommand(menu) // 创建命令

const button1 = document.getElementById('button1')
setCommand(button1, updateCommand)

相關推薦:

js設計模式:什麼是觀察者模式(發布訂閱模式)? js觀察者模式的介紹

js設計模式:什麼是迭代器模式? js迭代器模式的介紹
#

以上是js設計模式:什麼是指令模式? js指令模式的介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn