js学习设计模式--命令模式
来源:互联网 发布:cms监控软件 编辑:程序博客网 时间:2024/05/01 04:31
命令模式:将请求封装成对象,从而分离请求发起者和请求接收者(执行者)之间的耦合关系。命令执行之前,可以预先往命令对象里植入命令的接收者。
首先是用普通对象来封装请求的写法:
var TV = {
open:function(){
console.log('open TV');
}
close:function(){
console.log('close TV');
}
};
var createTvCommand = function(receiver){
this.receiver = receiver;
}
createTvCommand.prototype.execute = function(){
this.receiver.open();
};
createTvCommand.prototype.close = function(){
this.receiver.close();
}
var setCommand = function(command){
document.getElementById('execute').onclick = function(){
command.execute();
};
docment.getElementById('undo').onclick = function(){
command.undo();
};
}
setCommand(new createTvCommand(Tv));
下面改成用函数来封装。
var Tv = function(){
open:function(){
console.log('open Tv');
}
close:function(){
console.log('close Tv');
};
}
var createTvCommand = function(receiver){
var execute = function(){
return receiver.open();
}
var undo = function(){
return receiver.undo();
};
};
var setCommand = function(cmd){
document.getElementById('execute').onclick = function(){
cmd.execute();
};
document.getElementById('undo').onclick = function(){
cmd.undo();
};
};
setCommand (createTvCommand(Tv));
- js学习设计模式--命令模式
- 【JS设计模式】命令模式
- 设计模式学习--命令模式
- 设计模式学习-----命令模式
- 设计模式学习--命令模式
- 设计模式学习--命令模式
- 学习设计模式-命令模式
- 设计模式学习:命令模式
- JS设计模式学习
- JS设计模式学习
- JS设计模式——命令模式
- JS设计模式之命令模式
- 设计模式学习10 -- 命令模式
- 设计模式学习笔记之命令模式
- 设计模式学习--命令模式(command)
- <大话设计模式学习一>命令模式
- 设计模式学习总结(18) 命令模式
- 设计模式学习笔记之命令模式
- c++ 如何获取系统时间
- 单例模式
- 整数类型_进制转换
- 阿里笔试第三题
- linux根目录下各个子目录的作用(精简版)
- js学习设计模式--命令模式
- Android Small插件化框架解读——Activity注册和生命周期[阿里工程师分享]
- POJ-2406 Power Strings
- 线程同步
- 练习二 1004 射箭问题
- 第四天
- BZOJ4540 HNOI2016 序列
- zoj3822(概率dp)
- ACM:数论专题(3)——约瑟夫问题