javascript-命令模式

51次阅读

共计 480 个字符,预计需要花费 2 分钟才能阅读完成。

JavaScript 中的命令模式

命令模式在 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>

正文完
 0