首頁  >  文章  >  web前端  >  JS設計模式之命令模式詳解

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

php中世界最好的语言
php中世界最好的语言原創
2018-03-14 14:22:032421瀏覽

這次帶給大家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中文網其他相關文章!

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