美文网首页解忧杂货铺
JavaScript常用设计模式

JavaScript常用设计模式

作者: zhangivon | 来源:发表于2017-05-28 16:55 被阅读11次

    构造器模式

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


      基础构造器模式
    • 还可以用到“原型”对象:
      Car.prototype.toString = function () { return this.model + " has done " + this.miles + " miles"; };

    模块化模式

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


      对象字面量方式
    • 自闭包和立即执行函数(这里的counter属性可以看做是私有变量):


      自闭包的形式

    单例模式

    单例模式 测试

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

    发布订阅模式 测试

    装饰者模式

    装饰者模式

    工厂模式

    相关文章

      网友评论

        本文标题:JavaScript常用设计模式

        本文链接:https://www.haomeiwen.com/subject/rkrhfxtx.html