javascript中的命令模式

最新推荐文章于 2023-07-07 12:06:31 发布

caiwanxia

最新推荐文章于 2023-07-07 12:06:31 发布

阅读量351

点赞数

分类专栏： javascript 文章标签： javascript 命令模式

本文链接：https://blog.csdn.net/caiwanxia1/article/details/52781902

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" charset="utf-8" src="common.js"></script>
    <script type="text/javascript" charset="utf-8" src="../jquery.js"></script>
    <script>
        //命令模式是一种封装方法调用的模式
        //命令模式的目的，把调用命令的调用者 和执行命令的接收者
        //要执行的一件事情：function1（命令1） function2（命令2） function3（命令3）
        //命令模式 必须实现接口（execute）
        //命令模式分类：简单命令模式、复杂命令模式（事物）、用闭包去封装命令模式
        var CommandInterface = new BH.Interface('CommandInterface',['execute']);
        //用一个按钮  点击按钮  触发几个元素去执行一些动画效果
        //2个命令（1：start）（2：stop）
        //命令模式的主要概念：调用者只需要执行相应的命令即可，不需要去关心命令底层是怎么执行的
        //执行者才真正的处理这条命令的内部实现

        //简单命令模式
        /*
        var StartCommand = function(obj){
            this.ad = obj;
        };
        StartCommand.prototype.execute = function () {
            this.ad.start();
        }
        var StopCommand = function(obj){
            this.ad = obj;
        };
        StopCommand.prototype.execute = function () {
            this.ad.stop();
        }
        var startCommand = new StartCommand(obj);
        startCommand.execute();
        var stopCommand = new StopCommand(obj);
        stopCommand.execute();
        */

        //闭包命令模式
        function MakeStart(obj) {
            return function () {
                obj.start();
            }
        }

        function makeStop(obj) {
            return function () {
                obj.stop();
            }
        }

        var startCommand = new MakeStart(obj);
        startCommand();//命令开启了

        var stopCommand = new MakeStop(obj);
        stopCommand();//命令结束了

        //客户调用者，接受者
        //客户创建命令，调用这个执行命令，接受者在命令执行时进行相应的操作


    </script>
</head>
<body>
</body>
</html>

caiwanxia

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript中的命令模式

html>html lang="en">head> meta charset="UTF-8"> title>Titletitle> script type="text/javascript" charset="utf-8" src="common.js">script> script type="text/javascript" charset="utf-8"
复制链接

扫一扫