深刻理解JavaScript系列（34）：設計模式之命令模式

介紹

命令模式(Command)的定義是：用於將一個請求封裝成一個對象，從而使你可用不一樣的請求對客戶進行參數化；對請求排隊或者記錄請求日誌，以及執行可撤銷的操做。也就是說改模式旨在將函數的調用、請求和操做封裝成一個單一的對象，而後對這個對象進行一系列的處理。此外，能夠經過調用實現具體函數的對象來解耦命令對象與接收對象。

正文

咱們來經過車輛購買程序來展現這個模式，首先定義車輛購買的具體操做類：

$(function () {

    var CarManager = {

        // 請求信息
        requestInfo: function (model, id) {
            return 'The information for ' + model +
        ' with ID ' + id + ' is foobar';
        },

        // 購買汽車
        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 + ' ) ';
        }
    };
})();

來看一下上述代碼，經過調用函數來簡單執行manager的命令，然而在一些狀況下，咱們並不想直接調用對象內部的方法。這樣會增長對象與對象間的依賴。如今咱們來擴展一下這個CarManager 使其可以接受任何來自包括model和car ID 的CarManager對象的處理請求。根據命令模式的定義，咱們但願實現以下這種功能的調用：

CarManager.execute({ commandType: "buyVehicle", operand1: 'Ford Escort', operand2: '453543' });

根據這樣的需求，咱們能夠這樣啦實現CarManager.execute方法：

CarManager.execute = function (command) {
    return CarManager[command.request](command.model, command.carID);
};

改造之後，調用就簡單多了，以下調用均可以實現（固然有些異常細節仍是須要再完善一下的）：

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' });

總結

命令模式比較容易設計一個命令隊列，在需求的狀況下比較容易將命令計入日誌，而且容許接受請求的一方決定是否須要調用，並且能夠實現對請求的撤銷和重設，並且因爲新增的具體類不影響其餘的類，因此很容易實現。

但敏捷開發原則告訴咱們，不要爲代碼添加基於猜想的、實際不須要的功能，若是不清楚一個系統是否須要命令模式，通常就不要着急去實現它，事實上，在需求的時經過重構實現這個模式並不困難，只有在真正需求如撤銷、恢復操做等功能時，把原來的代碼重構爲命令模式纔有意義。