javascript模式——Command

假设我们要做一个计算器程序

var calculator = {
    add: function( x, y ){
        return x + y;
    },
    sub: function( x, y ){
        return x - y;
    }
}

// 调用
calculator.add(1,2);

通过calculator.add这样直接调用，我们实现了具有加减运算的计算器功能。不过在许多情况下，我们不希望直接访问calculator。原因是会增加其他对象对calculator的依赖。试想一下，我们已经实现了计算器功能，并在其它多个地方使用calculator.add，调用很多。此时，如果我们对calculator计算器这个对象的结构进行修改，将要同时修改所有调用计算器。这大大违背了尽可能解耦对象的OOP理论。

下面我们来修改一下代码

通过添加一个入口函数，根据输入的命令来选择调用哪个函数。代码如下：

var calculator = {
    add: function( x, y ){
        return x + y;
    },
    sub: function( x, y ){
        return x - y;
    }
}

// 添加一个总入口，根据命令调用相应的方法
calculator.calculate = function ( method ) {
    return calculator[method] && calculator[method].apply( calculator, [].slice.call(arguments, 1) );
};

// 外部调用
console.log( calculator.calculate('add',1,2) );

此时外部调用降低了对calculator对象的依赖。那么回想一下先前的一个问题，calculator的结构修改会不会引起外部调用的修改？答案是不会。当calculator结构变化了，我们只需要对calculator的calculate也进行相应的调整，外部的调用不需要跟着改变。

var calculator = {
    box:{
        add: function( x, y ){
            return x + y;
        },
        sub: function( x, y ){
            return x - y;
        }
    }
    // other
}

// 添加一个总入口，根据命令调用相应的方法
calculator.calculate = function ( method ) {
    return calculator.box[method] && calculator.box[method].apply( calculator, [].slice.call(arguments, 1) );
};

// 调用方法一样
console.log( calculator.calculate('add',1,2) );