javascript 设计模式(命令模式)

[wl05]

概念

命令是指一个执行某些特定任务的指令

实现

var MenuBar = {
    refresh: function () {
        console.log('刷新菜单界面')
    }
}
var RefreshMenuBarCommand = function (receiver) {
    return {
        execute: function () {
            receiver.refresh()
        }
    }
}
var setCommand = function (button, command) {
    button.onclick = function () {
        command.execute()
    }
}

refreshMenuBarCommand = RefreshMenuBarCommand(MenuBar)
setCommand(button1, refreshMenuBarCommand)


var refreshMenuBarCommand = RefreshMenuBarCommand(MenuBar)
setCommand(button1, refreshMenuBarCommand)

参考资料

1. JavaScript设计模式与开发实践-第五章-策略模式
2. JS设计模式——命令模式