JavaScript设计模式 -- 命令模式

作者： DocWhite白先生

什么是命令模式？

命令模式的意图是把请求封装为对象，从而分离请求的发起者和请求的接收者(执行者)之 间的耦合关系。

一个简单例子：

//  假设我有一台xBox，内部有一个状态status用于标识我的xBox是否开启，同时有open方法和close方法处理xBox的开关。
const  xBox = {
	status: "close",
	open: () => {
		this.status = 'open';
		console.log(this.status);
	},
	close: () => {
		this.status = 'close';
		console.log(this.status);
	}
};

const xBoxComand = (reciever) => {
	this.reciever = reciever;
}
xBoxComand.prototype.open = function() { 
	this.reciever.open();
}
xBoxComand.prototype.close = function() {
	this.reciever.close();
}

const setComand = ( comand ) => {
	MyxBox.onOpenButtonClick = function() {
		/** 假设当按住开机按钮，执行以下代码*/
		comand.open();
	}
	MyxBox.onCloseButtonClick = function() {
		/** 假设当按住关机按钮，执行以下代码*/
		comand.close();
	}
}

// 部署命令
setComand( new xBoxComand( xBox ) )

这个例子中 xBox对象相当于是命令请求的发起者， 但是它并不是请求的接受者，在setComand函数中决定什么时候执行open或是close的是开机和关机按钮（请类比想象成dom元素的onMouseIn，onMouseOut事件）。此时命令的发起者和接受者直接是完全隔离的，请求者跟接收者间没有强关联。这就是命令模式的精髓。