這次帶給大家JS設計模式之指令模式詳解,使用JS指令模式詳解的注意事項有哪些,以下就是實戰案例,一起來看一下。
概念
命令模式用於將一個請求封裝成一個對象,從而可以用不同的參數對客戶進行參數化,該模式將函數的調用請求和操作封裝成一個單一的對象,然後對這個物件進行單一的處理,簡而言之分為三個物件:
1.發起者:發出呼叫命令即可,具體如何執行,誰來執行並不清楚。
2.接收者:有對應的介面處理不同的指令,至於指令是什麼,誰發出的,這不重要。
3.命令對象:上面我們說過,我們將發起者和接受者分開了,而這需要這個橋樑鏈接起來,這就是命令對象,命令對象接受發送者的調用,=然後調用接受者的相應接口。
作用以及注意事項
作用:
1.將封裝、請求、呼叫結合為一體。
2.提高程式模組化的彈性。
注意事項:
不需要藉口一致,直接呼叫函數即可,以免造成浪費。
實例
// 发送者 var setCommond = function(button, fn) { button.onClick = function() { fn() } }; // 执行命令者 var menu = { reFresh: function() { console.log("刷新"); }, add: function() { console.log("增加"); }, delete: function() { console.log("删除"); } }; // 命令对象 var commondObj = function(reciver) { return function() { reciver.reFresh(); } }; var commondObj1 = commondObj(menu); setCommond(btn1, commondObj1);
發送者(setCommond):不關心給哪個button,以及綁定什麼事件,只要透過參數傳入就好。
指令物件(commondObj):只需要接收到接受者的參數,當發送者發出指令時,執行就好。
接受者(menu):不用關心在哪裡被調用被誰調用,只需要按需執行就好了。
相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
推薦閱讀:
以上是JS設計模式之命令模式詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!