3

初入js坑时,满脸懵逼的我认为设计模式就该是后端头疼的,对,头疼,盖因粗略扫描下来也就十几二十种吧,彼时颇有种隔岸观火看到你过得不好我也就安心的自得。染鹅,打脸啪啪的,实不应忘记javascript前可不是白缀个java的,怎么能不趟一下设计模式这“浑水”。
--以上,吐槽完毕

设计模式主要分为三大类:创建型模式、结构型模式、行为模式。本篇只涉及创建型模式,表问我为什么,因为其他两种我也不了解,泪目。

所谓创建型模式,是指基于创建对象的概念。单例模式、工厂模式、抽象工厂模式就属于典型的创建型模式。

单例模式

所谓单例模式,是指仅实例化该类一次,该实例提供一个众所周知的全局访问点。为什么要限制仅实例化一次呢?因为全局只需要一个poly啊。例如在封装组件Alert的时候,只需要实例化一次,将该实例挂在全局对象下,这样除了第一次调用的时候需要实例化,后续都是在确认已有Poly实例后,直接调用已有的唯一实例,只是需要传入不同的提示语句作为参数。

- 懒汉式

// code 1
var poly = (function(){
   var instance;
   var Poly = function(){
      this.name = "Poly";
   };
   return {
      getInstance: function(){
         if (!instance) {
            instance = new Poly();
            console.log("init onece");
         }
         return instance;
      }
   }
})();

运行结果如下:
图片描述

以上代码,只打印了一次init onece,除了第一次走进if (!instance)条件语句中进行实例化,后续两次并没有实例化,而是直接返回Poly的实例。

- 饿汉式

你应该看出来了,以上代码是在调用poly对象的getInstance方法时才进行实例化,还有一种情形是poly对象获得的直接是Poly类的一个实例,如下:

// code 2
var poly = (function(){
   var instance;
   var Poly = function(){
      this.name = "Poly";
   };
   if (!instance) {
      instance = new Poly();
      console.log("init onece");
   }
   return instance;
})();

运行结果如下:
图片描述

code 1 和 code 2所展示的是单例模式的两种使用方式:懒汉式和饿汉式(这名字略粗犷的赶脚?蜜汁微笑?)。懒汉式即延迟到使用时才实例化,饿汉式即一开始加载类时就实例化。前者省空间,后者省时间,按需食用,oh不,按需使用。

单例模式暂时这么些,如果后续了解更多会默默补充上来,下一次会分享工厂模式。
话说,貌似说了很多“下一次”这类话?难怪懂得这么多道理还减不好这场肥。


清晖
95 声望2 粉丝

认识生活的真相后仍然热爱生活,是真正的英雄