JavaScript 设计模式之命令模式

时间:2022-04-15 13:58:04

一、命令模式概念解读

  1.命令模式概念文字解读

  命令模式(Command)的定义是:用来对方法调用进行参数化处理和传送,经过这样处理过的方法调用可以在任何需要的时候执行。也就是说该模式旨在将函数的调用、请求和操作封装成一个单一的对象,然后对这个对象进行一系列的处理。它也可以用来消除调用操作的对象和实现操作的对象之间的耦合。这为各种具体的类的更换带来了极大的灵活性。

  2.命令模式概念拟物化解读

  (首长派任务给连长,连长再分配不同的前线兵去作战)调用命令、解耦、灵活性。

JavaScript 设计模式之命令模式

二、命令模式的作用和注意事项

  模式作用:

    1.将函数的封装、请求、调用结合为一体。(连长接收首长的命令,再下发分配)

    2.调用具体的函数解耦命令对象(首长)与接收对象(前线兵)。(连长在中间作为解耦器,做了消息的传递者。)

    3.提高程序模块化的灵活性。(各个作战小分队是某个模块)

  注意事项:

    1.不需要接口一致,直接调用函数即可,以免造成浪费。

 

三、命令模式的代码实战和总结

    1.一个实例

     代码如下:

<meta charset="utf-8"/>
<script type="text/javascript">
    var lian={}; //
    //炮兵
    lian.paobing=function(paobing_num){
        //更详细
        alert(paobing_num+''+'开始战斗');
    }
    //步兵
     lian.bubing=function(bubing_num){
         alert(bubing_num+''+'开始战斗')
    }
    //连长
    lian.*g=function(command){
        lian[command.type](command.num);
    }

    //首长开始发命令,把命令发给连长
    lian.*g({
        type:'paobing',
        num:100
    });
    lian.*g({
        type:'bubing',
        num:500
    });
</script>

    结果截图:

 JavaScript 设计模式之命令模式

JavaScript 设计模式之命令模式