JS設計模式之命令模式詳解

這次帶給大家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設計模式之建造者模式詳解

JS的設計模式之建構子模式詳解

js設計模式之-單例模式的使用

以上是JS設計模式之命令模式詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！