JavaScript常用设计模式

构造器模式

  • 可以使用“构造函数”创建对象的方式:


    JavaScript常用设计模式_第1张图片
    基础构造器模式
  • 还可以用到“原型”对象:
    Car.prototype.toString = function () { return this.model + " has done " + this.miles + " miles"; };

模块化模式

  • 可以通过对象字面量的形式去创建一个:


    JavaScript常用设计模式_第2张图片
    对象字面量方式
  • 自闭包和立即执行函数(这里的counter属性可以看做是私有变量):


    JavaScript常用设计模式_第3张图片
    自闭包的形式

单例模式

JavaScript常用设计模式_第4张图片
单例模式
JavaScript常用设计模式_第5张图片
测试

观察者模式(发布-订阅模式)

JavaScript常用设计模式_第6张图片
发布订阅模式
JavaScript常用设计模式_第7张图片
测试

装饰者模式

JavaScript常用设计模式_第8张图片
装饰者模式

工厂模式

你可能感兴趣的:(JavaScript常用设计模式)