JavaScript设计模式（一）（单例模式、代理模式、策略模式、工厂模式）

设计模式六大原则：

1. 单一职责原则： 一个类只负责一个职责，避免因为一个功能需要修改而影响另一个系统
2. 里氏替换原则： 在使用基类的地方可以任意使用其子类，保证子类可以完美替代基类，即父类可以访问的地方子类都可以访问。
3. 依赖倒置原则： 高层模块不应该依赖底层模块，二者都不应该依赖其抽象，即只依赖接口，不依赖方法。
4. 接口分离原则： 哭护短不应该依赖它不需要的接口，一个类对另一个类的依赖应该建立在最小的接口上，即把大接口拆分成小接口
5. 迪米特原则： 最少知道原则，即一个类依赖的东西越少越好，对应“高内聚，低耦合”
6. 开放封闭原则： 对扩展开放，对修改封闭，即尽量通过扩展软件实体来解决需求变化，而不是通过修改已有代码来完成变化。

 

单例模式

定义：保证一个类仅有一个实例，并提供一个访问它的全局访问点

实例代码：

 // 精简版单例模式
    var getSingle = function (fn) {
      var result;
      return function () {
        return result || ( result = fn.apply(this, arguments) );
      }
    }

 

单例模式应用场景：比如当一个页面需要一个登陆框，无论在任何状态都只有一个登陆框，那我们可以利用单例模式来控制有且只有一个登陆框。

如下：当我们渲染完一个列表之后，给这个列表绑定click事件，如果是通过Ajax动态的向列表里面追加数据，在使用事件代理的情况下，click事件实际上只需要在第一次渲染列表的时候被绑定一次，但是我们不想去判断是否是第一次渲染列表，当然我们可以使用jQuery给dom元素绑定one事件，但是我们也可以使用单例模式来解决。

代码如下：

    var bindEvent = function() {
      document.getElementById('div').onclick = function(){
        alert('click');
      }
      return true;
    }
    var divClick = getSingle(bindEvent);
    divClick();
    divClick();
    divClick();</