开放-封闭原则应该算是这几个原则里面最容易理解的一个。它的宗旨就是:
如果你想扩展或者改变一个程序的功能,可以增加代码,但是不能改变程序的源码。
如果,是对于那些码农来说,最快捷的办法就是改变源码,但是我们面向的是更复杂的项目,我们的目的不是当码农,而是要做一名代码艺术家,想完成一件艺术品一样去完成我们的项目。
拿装饰者模式的例子来说吧。 如果我们想改变onload的函数,即,其他小伙伴,有可能已经在onload上面绑定好,我们可以翻阅onload代码,进行修改。 但是,这个扩展性简直啦!!!
从装饰者模式可以知道,我们可以使用引用装饰进行改动。
var fn = window.onload;
var change = function(){
fn();
conosle.log("整洁代码");
}
window.onload = function(){
change();
}
当然,我们也可以使用AOP,进行一个装饰,将原来代码实现的功能完全保留,只在外部添加一些代码。
另外,if语句就是开放封闭原则的死敌.
这个是状态模式中的一个例子。
if(state === "auto"){
console.log("制热");
state = "hot";
}else if(state === "hot"){
console.log("制冷");
state = "cold";
}else if(state === "cold"){
console.log("送风");
state = "wind";
}else if(state === "wind"){
console.log("除湿");
state = "dry";
}else if(state === "dry"){
console.log("自动");
state = "auto";
}
可以从上面的代码看出,如果功能继续发生变化,你必须做的就是改动原来代码的内容,这是极不可取的。 所以依照开放封闭原则,我们需要进行优化,可以修改为这样
//定义状态
var Auto= function(button){
this.turn = button;
}
Auto.prototype.press= function(){
console.log('制热');
this.turn.setState("hot");
}
var Hot = function(button){
this.turn = button;
}
Hot.prototype.press= function(){
console.log('制冷');
this.turn.setState("cold");
}
var Cold = function(button){
this.turn = button;
}
Cold.prototype.press= function(){
console.log('送风');
this.turn.setState("wind");
}
var Wind = function(button){
this.turn = button;
}
Wind.prototype.press= function(){
console.log('除湿');
this.turn.setState("dry");
}
var Dry = function(button){
this.turn = button;
}
Dry.prototype.press= function(){
console.log('自动');
this.turn.setState("auto");
}
//定义状态仓库
var Remoter = function(){
this.auto = new Auto(this);
this.hot = new Hot(this);
this.cold = new Cold(this);
this.wind = new Wind(this);
this.dry = new Dry(this);
this.state = "auto";
}
Remoter.prototype.setState = function(state){
this.state=state;
}
Remoter.prototype.press = function(){
this[this.state].press(); //执行对应状态的press
}
Remoter.prototype.init = function(){ //定义执行者
document.querySelector('.switch').addEventListener("click",()=>{
this.press();
},false);
}
new Remoter.init(); //初始化
即,使用对象的多态性,消除条件分支语句。
处理开放封闭模式的特例
我们都是人,不可能一开始都写出完美的代码。但我们在写程序的时候,要永远的给自己留一手,以便后面改动的需要。 在模板模式里,我们给特殊性留了一条后路, 我们使用钩子方法,通过外部的设置,我们可以得到不用的结果。
当然,我们还可以使用callback函数,执行自己想要做的功能,比如在$.ajax调用的时候,我们添加回调函数,执行自己想要的函数功能,这些都是很棒的实现开放封闭模式原则的办法。
最后一点
这里想说的就是,原则是一份指导,能够指引你的代码结果怎样做,可以达到最优的形式,但,事实上,我们遵不遵守,是完全取决于个人而言的。 而且,有时候我们写程序,真的不必过分追求设计,因为我们是完成用户的交付的需求,如果一味追求设计,无疑增加代码的难度,和实现的时间。所以,一切跟着感觉走,我们写程序不也是凭感觉写的吗?
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。