js命令模式

<h1>js命令模式</h1>
   <p>有时候需要向某些对象发送请求,但是并不知道请求的接受者是谁,也不知道倍请求的操作是什么,此时希望用一种松耦合的方式来设计软件,
         使得请求发送或者和请求接收者能够消除彼此之间的耦合关系。</p>
   <p>命令模式的例子——菜单程序</p>
   <button id="refreshBtn">按钮</button>
   <script>
      var refreshBtn = document.getElementById( "refreshBtn" );
      var setCommand = function( btn, command ){           //设置待执行的命令
         btn.onclick = function(){
            command.execute();
         }
      };
      var menuBar = {
        refresh: function(){
          console.log( "执行了刷新命令" )
        }
      };
      var refreshMenuBarCommand = function( receiver ){
        return {
           execute: function(){
              receiver.refresh();
           }
        }
      };
      var refreshCommand = refreshMenuBarCommand( menuBar );
      setCommand( refreshBtn, refreshCommand );
   </script>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值