javascript-命令模式

jiezi

5 年前

命令模式在 JavaScript 中也比较简单, 下面代码中对按钮和命令进行了抽离, 因此可以复杂项目中可以使用命令模式将界面的代码和功能的代码交付给不同的人去写。

const setCommand = function(button, command) {button.onclick = function() {command.excute()
 }
 }

 // -------------------- 上面的界面逻辑由 A 完成, 下面的由 B 完成

 const menu = {updateMenu: function() {console.log('更新菜单')
 },
 }

 const UpdateCommand = function(receive) {
 return {excute: receive.updateMenu,}
 }

 const updateCommand = UpdateCommand(menu) // 创建命令

 const button1 = document.getElementById('button1')
 setCommand(button1, updateCommand)
  </script>

JavaScript 中的命令模式