开放-封闭原则应该算是这几个原则里面最容易理解的一个。它的宗旨就是:

如果你想扩展或者改变一个程序的功能，可以增加代码，但是不能改变程序的源码。如果，是对于那些码农来说，最快捷的办法就是改变源码，但是我们面向的是更复杂的项目，我们的目的不是当码农，而是要做一名代码艺术家，想完成一件艺术品一样去完成我们的项目。 拿装饰者模式的例子来说吧。 如果我们想改变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调用的时候，我们添加回调函数，执行自己想要的函数功能，这些都是很棒的实现开放封闭模式原则的办法。

最后一点

这里想说的就是，原则是一份指导，能够指引你的代码结果怎样做，可以达到最优的形式，但，事实上，我们遵不遵守，是完全取决于个人而言的。 而且，有时候我们写程序，真的不必过分追求设计，因为我们是完成用户的交付的需求，如果一味追求设计，无疑增加代码的难度，和实现的时间。所以，一切跟着感觉走，我们写程序不也是凭感觉写的吗？