本文實例講述了javascript設(shè)計模式 ? 命令模式原理與用法。分享給大家供大家參考，具體如下：

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

定義：將一個請求封裝為一個對象，從而可用不同的請求對客戶進(jìn)行參數(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)用者和請求接受者解耦

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運行效果。

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運算用法總結(jié)》

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