设计模式之状态模式

设计模式之状态模式

先来看定义：状态模式是一个对象里存放多个状态，通过改变对象的状态来实现不同的功能。
现实中，我们红绿灯有三种状态，通过改变灯的颜色，执行不同的行走状态。看看抽象出来的代码：

var trafficLight = (function(){
	var currentLight = null;
	return change(light){
		currentLight  = light;
		currentLight .go();
	}
})

这里定义了一个trafficLight 对象，通过当前交通灯currentLight的颜色来执行各自的go方法。

function RedLight(){
}
Redlight.prototype.go(){
	console.log("RedLight stop")
}
function YellowLight(){
}
YellowLight.prototype.go(){
	console.log("YellowLight wait")
}function GreenLight(){
}
GreenLight.prototype.go(){
	console.log("GreenLight go")
}

声明三种交通灯，在各自的原型上添加go的执行方法，就实现了改变对象的状态来实现不同的功能。

这样来看，在我们的实际开发中，组件的开发就用到了状态模式，一个switch的开闭状态，一个侧边栏的显示与隐藏，都可以通过改变组件对象的状态来展示效果。