javascript设计模式第三章之闭包实现命令模式

//html部分
<button id="execute">open Tv</button>
<button id="undo">close Tv</button>
//js部分
var Tv={
  open:function(){
    console.log("open tv");
  },
  close:function(){
    console.log("close tv");
  }
}

var createCommand=function(receiver){
  var execute=function(){
    return receiver.open();//执行命令,打开Tv
  }
  var undo=function(){
    return receiver.close();//执行命令,关闭Tv
  }
  return {
    execute:execute,
    undo:undo
  }
}
var setCommand=function(command){
  document.getElementById("execute").onclick=function(){
    command.execute();//输出打开Tv
  }
  document.getElementById("undo").onclick=function(){
    command.undo();//输出关闭Tv
  }
}
setCommand(createCommand(Tv));
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容