用闭包来实现命令模式

最新推荐文章于 2024-07-12 16:27:40 发布

A82621235

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量136

点赞数

文章标签： javascript 设计模式 ViewUI

原文链接：http://www.cnblogs.com/t1amo/p/6767862.html

版权

在JavaScript设计模式当中闭包的使用非常的广泛。

命令模式：把请求封装成对象，从而分离请求的发起者和请求的接受者

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>命令者模式</title>
</head>
<body>
<p>点击执行弹出打开电视机，点击撤销弹出关闭电视机</p>
    <button id="execute">执行</button>
    <button id="undo">撤销</button>
    <script type="text/javascript">
    window.onload=function(){
        //receiver
        var Tv={
            open:function(){
                alert("打开电视机");
            },
            close:function(){
                alert("关闭电视机");
            }
        };
        
        var createCommand=function(receiver){
            var execute=function(){
                return receiver.open();
            };
            var undo=function(){
                return receiver.close();
            };
            return{
                execute:execute,
                undo:undo
            }
        }
         
         var setCommond=function(command){
             document.getElementById("execute").οnclick=function(){
                 command.execute();
             }
             document.getElementById("undo").οnclick=function(){
                 command.undo();
             }
         }

        setCommond(createCommand(Tv));
    }
    </script>
</body>
</html>

转载于:https://www.cnblogs.com/t1amo/p/6767862.html

A82621235

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
用闭包来实现命令模式

在JavaScript设计模式当中闭包的使用非常的广泛。命令模式：把请求封装成对象，从而分离请求的发起者和请求的接受者<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>命令者模式</title&gt...
复制链接

扫一扫