深入理解JavaScript系列(34):設(shè)計(jì)模式之命令模式詳解
介紹
命令模式(Command)的定義是:用于將一個(gè)請(qǐng)求封裝成一個(gè)對(duì)象,從而使你可用不同的請(qǐng)求對(duì)客戶進(jìn)行參數(shù)化;對(duì)請(qǐng)求排隊(duì)或者記錄請(qǐng)求日志,以及執(zhí)行可撤銷的操作。也就是說改模式旨在將函數(shù)的調(diào)用、請(qǐng)求和操作封裝成一個(gè)單一的對(duì)象,然后對(duì)這個(gè)對(duì)象進(jìn)行一系列的處理。此外,可以通過調(diào)用實(shí)現(xiàn)具體函數(shù)的對(duì)象來解耦命令對(duì)象與接收對(duì)象。
正文
我們來通過車輛購(gòu)買程序來展示這個(gè)模式,首先定義車輛購(gòu)買的具體操作類:
$(function () {
var CarManager = {
// 請(qǐng)求信息
requestInfo: function (model, id) {
return 'The information for ' + model +
' with ID ' + id + ' is foobar';
},
// 購(gòu)買汽車
buyVehicle: function (model, id) {
return 'You have successfully purchased Item '
+ id + ', a ' + model;
},
// 組織view
arrangeViewing: function (model, id) {
return 'You have successfully booked a viewing of '
+ model + ' ( ' + id + ' ) ';
}
};
})();
來看一下上述代碼,通過調(diào)用函數(shù)來簡(jiǎn)單執(zhí)行manager的命令,然而在一些情況下,我們并不想直接調(diào)用對(duì)象內(nèi)部的方法。這樣會(huì)增加對(duì)象與對(duì)象間的依賴?,F(xiàn)在我們來擴(kuò)展一下這個(gè)CarManager 使其能夠接受任何來自包括model和car ID 的CarManager對(duì)象的處理請(qǐng)求。根據(jù)命令模式的定義,我們希望實(shí)現(xiàn)如下這種功能的調(diào)用:
CarManager.execute({ commandType: "buyVehicle", operand1: 'Ford Escort', operand2: '453543' });
根據(jù)這樣的需求,我們可以這樣啦實(shí)現(xiàn)CarManager.execute方法:
CarManager.execute = function (command) {
return CarManager[command.request](command.model, command.carID);
};
改造以后,調(diào)用就簡(jiǎn)單多了,如下調(diào)用都可以實(shí)現(xiàn)(當(dāng)然有些異常細(xì)節(jié)還是需要再完善一下的):
CarManager.execute({ request: "arrangeViewing", model: 'Ferrari', carID: '145523' });
CarManager.execute({ request: "requestInfo", model: 'Ford Mondeo', carID: '543434' });
CarManager.execute({ request: "requestInfo", model: 'Ford Escort', carID: '543434' });
CarManager.execute({ request: "buyVehicle", model: 'Ford Escort', carID: '543434' });
總結(jié)
命令模式比較容易設(shè)計(jì)一個(gè)命令隊(duì)列,在需求的情況下比較容易將命令計(jì)入日志,并且允許接受請(qǐng)求的一方?jīng)Q定是否需要調(diào)用,而且可以實(shí)現(xiàn)對(duì)請(qǐng)求的撤銷和重設(shè),而且由于新增的具體類不影響其他的類,所以很容易實(shí)現(xiàn)。
但敏捷開發(fā)原則告訴我們,不要為代碼添加基于猜測(cè)的、實(shí)際不需要的功能,如果不清楚一個(gè)系統(tǒng)是否需要命令模式,一般就不要著急去實(shí)現(xiàn)它,事實(shí)上,在需求的時(shí)通過重構(gòu)實(shí)現(xiàn)這個(gè)模式并不困難,只有在真正需求如撤銷、恢復(fù)操作等功能時(shí),把原來的代碼重構(gòu)為命令模式才有意義。
相關(guān)文章
分享一道筆試題[有n個(gè)直線最多可以把一個(gè)平面分成多少個(gè)部分]
今天地鐵上和一個(gè)同事閑聊,給我說的一道題,回來想了想,寫出來的,說來慚愧,我用的是行測(cè)方面數(shù)字推理里面的知識(shí)歸納出來的,當(dāng)然這個(gè)可以用遞歸寫出來,說說我的代碼,以及遞歸的思路2012-10-10
javascript數(shù)組中的concat方法和splice方法
這篇文章主要介紹了javascript數(shù)組中的concat方法和splice方法,concat方法作用合并數(shù)組,可以合并一個(gè)或多個(gè)數(shù)組,會(huì)返回合并數(shù)組之后的數(shù)據(jù),不會(huì)改變?cè)瓉淼臄?shù)組,更多相關(guān)內(nèi)容需要的小伙伴可以參考下面文章內(nèi)容2022-03-03
JavaScript實(shí)現(xiàn)有限狀態(tài)機(jī)的示例代碼
有限狀態(tài)機(jī)(Finite?State?Machine,?FSM)是一種數(shù)學(xué)模型,用于描述系統(tǒng)在不同狀態(tài)下的行為,本文給大家介紹JavaScript實(shí)現(xiàn)有限狀態(tài)機(jī)的示例代碼,感興趣的朋友一起看看吧2024-12-12
TypeScript?使用?Tuple?Union?聲明函數(shù)重載
這篇文章主要介紹了TypeScript?使用?Tuple?Union?聲明函數(shù)重載,TypeScript 中為函數(shù)添加多個(gè)簽名后,依然需要添加相應(yīng)的代碼來判斷并從不同的簽名參數(shù)列表中獲取對(duì)應(yīng)的參數(shù),下文就來探索方法和技巧吧2022-04-04
js通過location.search來獲取頁(yè)面?zhèn)鱽淼膮?shù)
js獲取通過window.location.search來獲取頁(yè)面?zhèn)鱽淼膮?shù),經(jīng)測(cè)試可用,大家可以學(xué)習(xí)下2014-09-09
uniapp如何手動(dòng)實(shí)現(xiàn)讓input文本框聚焦效果
最近使用uniapp做一個(gè)評(píng)論的功能,遇到一個(gè)需求就是點(diǎn)擊上面的評(píng)論圖標(biāo),讓定位在底部的input框聚焦,下面這篇文章主要給大家介紹了關(guān)于uniapp如何手動(dòng)實(shí)現(xiàn)讓input文本框聚焦效果的相關(guān)資料,需要的朋友可以參考下2023-12-12
在百度搜索結(jié)果中去除掉一些網(wǎng)站的資料(通過js控制不讓顯示)
這篇文章主要介紹了在百度搜索結(jié)果中去除掉一些網(wǎng)站的資料(通過js控制不讓顯示),需要的朋友可以參考下2017-05-05

