JavaScript設(shè)計模式之單件模式介紹

更新時間：2014年12月28日 10:26:29 投稿：junjie

這篇文章主要介紹了JavaScript設(shè)計模式之單件模式介紹,單件模式,就是靜態(tài)化的訪問中已經(jīng)實例化的對象,這個對象只能通過一個唯一的入口訪問,已經(jīng)實例或待實例化的對象,需要的朋友可以參考下

單件模式說明

1. 說明：單件模式，就是靜態(tài)化的訪問中已經(jīng)實例化的對象，這個對象只能通過一個唯一的入口訪問，已經(jīng)實例或待實例化的對象；面向?qū)ο笳Z言如Java, .Net C#這樣的服務(wù)端動態(tài)語言里，能保證類的操作有順的進行，避免并行操作使數(shù)據(jù)發(fā)生混亂的情況；

2. 單件模式的好處:

1>. 減少 new 的操作，以免加快內(nèi)存頻繁操作，占用內(nèi)存；
2>. 盡量減少大系統(tǒng)的對象的開銷；
3>. 就是上面說的，可以保障某些類型的操作有順序準(zhǔn)確的操作，以免并行處理引起的數(shù)據(jù)異?，F(xiàn)象；

當(dāng)然上面說的好處，都是說服務(wù)端語言里的。在javascript這種弱類型的語言，不要糾結(jié)那么多，因為腳本都在自己的客戶端這邊操作的，沒有什么操作沖突的問題；相當(dāng)于整個服務(wù)器就你一個人在用，不用擔(dān)心，你的數(shù)據(jù)會被其他什么人操作的問題；

實例源碼

復(fù)制代碼代碼如下:

var Singleton = {

    instance: null,

    MailSender: function() {

        var self = this;

        self.to = '';

        self.title = '';

        self.content = '';

        self.send = function() {

             //send body

        }

    },

    getInstance : function() {

        if (this.instance == null) {

            this.instance = new Singleton.MailSender();

        }

        return this.instance;

    }

}

使用方法:

復(fù)制代碼代碼如下:

var mail = Singleton.getInstance();
mail.to = 'toname#mail.com';
mail.title = '單件模式發(fā)送';
mail.content = '發(fā)送內(nèi)容';

mail.send();

當(dāng)像有些全局框架，比如像 DWZ 這樣的富UI框架，創(chuàng)建一個全局的Singleton 后，Singleton.instance 都有值了，就不必要再創(chuàng)建；

當(dāng)然如果是寫成這樣的，會比較明了，跟服務(wù)端語言一置:

復(fù)制代碼代碼如下:

Singleton.getInstance().to = 'toname#mail.com';
Singleton.getInstance().title = '單件模式發(fā)送';
Singleton.getInstance().content = '發(fā)送內(nèi)容';

Singleton.getInstance().send();

其他實說明

單件模式在什么的地方，比較有用呢？比如有一個操作服務(wù)器上一個統(tǒng)一的配置文件時，比如像大規(guī)模并發(fā)操作還需要注意先來后到的情況時，比如交易所的操作過程記錄等，都可以用單件模式來操作；

另外：單件模式的方式:

1. 上頭那種叫懶惰方式

2. 餓棍方式:

復(fù)制代碼代碼如下:

var Singleton = {

    instance : new Singleton.MailSender(),

    MailSender : function() {

      var self = this;

      self.to = '';

      self.title = '';

      self.content = '';

      self.send = function() {

          //send body

      }

   },

   getInstance : function() {

        return this.instance;

   }

}

使用方法一樣;

使用閉包方式創(chuàng)建單件模式，隱藏 instance 對象

1. 代碼:

復(fù)制代碼代碼如下:

var Singleton = (function() {

    var instance = null;

    function MailSender() {

       this.to = '';

       this.title = '';

       this.content = '';

    }

    MailSender.prototype.send = function() {

       //send body

    }

    return {

       getInstance : function() {

          if (instance == null) {

             instance = new MailSender();

          }

          return instance;

       }

    }

})();