本文實例講述了JS設計模式之命令模式概念與用法。分享給大家供大家參考，具體如下：

客戶創(chuàng)建命令；調(diào)用者執(zhí)行該命令；接收者在命令執(zhí)行時執(zhí)行相應操作
簡單命令對象一般用來消除二個對象（調(diào)用者和接收者）之間的耦合，而復雜的命令對象則一般用來封裝不可分的或事務性的指令。

命令模式的主要用途是把調(diào)用對象（用戶界面、API和代理等）與實現(xiàn)操作的對象隔離開。凡是兩個對象間互動方式需要有更高的模塊化程度時都可以用到這種模式。

命令的意思是用一個簡單方法或函數(shù)去執(zhí)行和這個命令相關的實際操作。就如同用遙控器打開電視一樣，只按一個按鍵就可以打開電視，簡單、方便。它具體的實現(xiàn)操作我們不用關心。那是有電視器來處理的。電視對遙控器提供了一個接口(信號)，遙控器只需要在點擊時實現(xiàn)這個接口就可以了。

Command：
定義命令的接口，聲明執(zhí)行的方法。
ConcreteCommand：
命令接口實現(xiàn)對象，是“虛”的實現(xiàn)；通常會持有接收者，并調(diào)用接收者的功能來完成命令要執(zhí)行的操作。
Receiver：
接收者，真正執(zhí)行命令的對象。任何類都可能成為一個接收者，只要它能夠實現(xiàn)命令要求實現(xiàn)的相應功能。
Invoker：
要求命令對象執(zhí)行請求，通常會持有命令對象，可以持有很多的命令對象。這個是客戶端真正觸發(fā)命令并要求命令執(zhí)行相應操作的地方，也就是說相當于使用命令對象的入口。
Client：
創(chuàng)建具體的命令對象，并且設置命令對象的接收者。注意這個不是我們常規(guī)意義上的客戶端，而是在組裝命令對象和接收者，或許，把這個Client稱為裝配者會更好理解，因為真正使用命令的客戶端是從Invoker來觸發(fā)執(zhí)行

模式分析

1.命令模式的本質(zhì)是對命令進行封裝，將發(fā)出命令的責任和執(zhí)行命令的責任分割開。
2.每一個命令都是一個操作：請求的一方發(fā)出請求，要求執(zhí)行一個操作；接收的一方收到請求，并執(zhí)行操作。
3.命令模式允許請求的一方和接收的一方獨立開來，使得請求的一方不必知道接收請求的一方的接口，更不必知道請求是怎么被接收，以及操作是否被執(zhí)行、何時被執(zhí)行，以及是怎么被執(zhí)行的。
4.命令模式使請求本身成為一個對象，這個對象和其他對象一樣可以被存儲和傳遞。
5.命令模式的關鍵在于引入了抽象命令接口，且發(fā)送者針對抽象命令接口編程，只有實現(xiàn)了抽象命令接口的具體命令才能與接收者相關聯(lián)。

模式優(yōu)點

1.降低對象之間的耦合度。
2.新的命令可以很容易地加入到系統(tǒng)中。
3.可以比較容易地設計一個組合命令。
4.調(diào)用同一方法實現(xiàn)不同的功能

// 命令
var CreateCommand = function( receiver ){
 this.receiver = receiver;
}
CreateCommand.prototype.execute = function() {
 this.receiver.action();
}
// 接收者 電視
var TVOn = function() {}
TVOn.prototype.action = function() {
  alert("TVOn");
}
// 接收者 電視
var TVOff = function() {}
TVOff.prototype.action = function() {
  alert("TVOff");
}
// 調(diào)用者 遙控器
var Invoker = function( tvOnCommand, tvOffCommand ) {
  this.tvOnCommand = tvOnCommand;
  this.tvOffCommand = tvOffCommand;
}
Invoker.prototype.tvOn = function() {
  this.tvOnCommand.execute();
}
Invoker.prototype.tvOff = function() {
  this.tvOffCommand.execute();
}

執(zhí)行Client

var tvOnCommand = new CreateCommand( new TVOn() );
var tvOffCommand = new CreateCommand( new TVOff() );
var invoker = new Invoker( tvOnCommand, tvOffCommand );
invoker.tvOn();
invoker.tvOff();

更多關于JavaScript相關內(nèi)容可查看本站專題：《javascript面向對象入門教程》、《JavaScript切換特效與技巧總結》、《JavaScript查找算法技巧總結》、《JavaScript錯誤與調(diào)試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》

希望本文所述對大家JavaScript程序設計有所幫助。

最新評論