溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

如何使用javascript中的命令模式

發(fā)布時間:2020-08-01 14:51:04 來源:億速云 閱讀:136 作者:小豬 欄目:web開發(fā)

這篇文章主要講解了如何使用javascript中的命令模式,內(nèi)容清晰明了,對此有興趣的小伙伴可以學(xué)習(xí)一下,相信大家閱讀完之后會有幫助。

介紹:命令模式是一種數(shù)據(jù)驅(qū)動的設(shè)計模式,將請求以命令的形式包裹在對象中,并傳遞給調(diào)用對象。命令模式的核心在于引入了命令類,通過命令類來降低發(fā)送者和接受者的耦合度。

定義:將一個請求封裝為一個對象,從而可用不同的請求對客戶進行參數(shù)化;對請求排隊或者記錄請求日志,以及支持可撤銷的操作。命令模式是一種對象行為型模式,其別名為動作(Action)模式或事務(wù)(Transaction)模式。

場景:我們通過買賣股票的場景來實現(xiàn)下命令模式,

示例:

var Stock = function(){
  this.name = 'baidu';
  this.quantity = 100;
  this.buy = function(){
    console.log('購買了:' + this.quantity + '股' + this.name);
  }
  this.sell = function(){
    console.log('賣出了:' + this.quantity + '股' + this.name);
  }
}
 
var BuyStock = function(stock){
  this.stock = stock;
 
  this.execute = function(){
    this.stock.buy();
  }
}
 
var SellStock = function(stock){
  this.stock = stock;
 
  this.execute = function(){
    this.stock.sell();
  }
}
 
var Broker = function(){
  this.orderList = [];
 
  this.takeOrder = function(order){
    this.orderList.push(order);
  }
  this.placeOrders = function(){
    this.orderList.map(function(item){
      item.execute();
    })
    this.orderList = [];
  }
}
 
var stock = new Stock();
var buyStock = new BuyStock(stock);
var sellStock = new SellStock(stock);
 
var broker = new Broker();
broker.takeOrder(buyStock);
broker.takeOrder(sellStock);
broker.placeOrders();
// 購買了:100股baidu
// 賣出了:100股baidu

這個例子里面SellStock,BuyStock為命令類,執(zhí)行實際的命令。Broker用來接收命令,并在指定的時機執(zhí)行命令。Stock為請求受體,

回頭看下定義:sellStock,buyStock就是將命令封裝好的對象,你可以通過對象的execute方法執(zhí)行該命令。通過擴展placeOrders方法可以支持請求隊列或者記錄請求日志,以及支持可撤銷等操作

命令模式總結(jié):

優(yōu)點:
* 降低系統(tǒng)耦合度
* 新的命令很容易的加入到系統(tǒng)中

缺點:
* 使用命令模式可能會導(dǎo)致某些系統(tǒng)有過多的具體命令類

適用場景:
* 系統(tǒng)需要將請求調(diào)用者和請求接受者解耦

看完上述內(nèi)容,是不是對如何使用javascript中的命令模式有進一步的了解,如果還想學(xué)習(xí)更多內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI