Javascript面向?qū)ο蟪绦蛟O(shè)計單例模式原理的示例分析

小編給大家分享一下Javascript面向?qū)ο蟪绦蛟O(shè)計單例模式原理的示例分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比橋西網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式橋西網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋橋西地區(qū)。費用合理售后完善，十年實體公司更值得信賴。

1.單例模式概述

源自百度百科對于單例模式的定義：

單例模式的意思就是只有一個實例。單例模式確保某一個類只有一個實例，而且自行實例化并向整個系統(tǒng)提供這個實例。這個類稱為單例類。

在javascript的世界里，其實沒有嚴(yán)格的對象和類定義，“一切皆對象”使得javascript中都是對象，不能像java，c++或者php使用特定的方法返回一個實例來實現(xiàn)，因此對javascript來說，我們要創(chuàng)造的是一個“不能被多次實例化的”對象，也就是說只能實例化一次的對象。

2.簡單單例模式：

只能實例化一次的對象也就可以使用“對象字面量”的定義方式來實現(xiàn)：

var singleton = {
  attribute:'',
  method:function(){}
}

這樣定義的對象，不能使用new singleton的方式來生成另外的對象（不存在prototype和constructor屬性）。

3.包含私有成員的單例模式：

如果看過之前的我寫的關(guān)于類成員的文章，自然的我們就能想到用閉包來實現(xiàn)，既然要用的閉包，那么一定會用到函數(shù)和函數(shù)返回值，于是，這樣的單例模式如下：

var singleton = function(){
  var private_attribute = '';
  functioin private_method(){}
  return {
   public_attribute:'',
   public_method:function(){}
  };
}

還記得匿名函數(shù)嗎？通常在使用閉包的時候會使用，改進(jìn)之后如下：

var singleton = (function(){
  var private_attribute = '';
  functioin private_method(){}
  return {
   public_attribute:'',
   public_method:function(){}
  };
})();

4.惰性加載（lazy loading,延遲加載）單例模式

2，3中所示單例模式定義方式都是在定義時創(chuàng)建的單例，這樣很浪費內(nèi)存，如何能在使用的時候才創(chuàng)建（lazy loading，更多的用于圖片的延遲加載）呢？所謂惰性加載，也就是先定義，然后在某個地方才創(chuàng)建對象，所以必須要使用函數(shù)，我們知道在java或者php中單例模式通常使用一個靜態(tài)方法來創(chuàng)建，同理，我們再改進(jìn)一下閉包形式的定義式：

var singleton = (function(){
  var unique;
  function getinstance(){
    if(!unique){
      unique = construct();
      return unique;
    }
  }
  function construct(){
    var private_member;
    function private_method(){}
    return {//這里才是真正的單例對象
      public_member:'',
      public_method:function(){}
    };
})();

這樣調(diào)用一個單例對象的方法：

singleton.getinstance().publicmethod();

這樣只有在調(diào)用方法或引用屬性的時候才會真正的創(chuàng)建unique對象，就是使用的時候比較麻煩：）

5.簡單mvc代碼風(fēng)格

順便在這里分享一下我寫js的一個簡單風(fēng)格，盡管js是一個前臺代碼，但是就其本身而言，也可以將它的內(nèi)容分為mvc（model，controller，view，關(guān)于mvc的概念請baidu/google），因此在寫一個頁面的js代碼的時候，我會這么寫：

//函數(shù)封裝在此
var controller = {
  init:function(){}
};
//頁面相關(guān)內(nèi)容封裝在此
var view = {
  table:{},
  banner:{},
  foot:{}
};
//數(shù)據(jù)相關(guān)內(nèi)容封裝在此
var model = {
  table_data:{}
}

JavaScript的作用是什么

1、能夠嵌入動態(tài)文本于HTML頁面。2、對瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗證數(shù)據(jù)。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。

看完了這篇文章，相信你對“Javascript面向?qū)ο蟪绦蛟O(shè)計單例模式原理的示例分析”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

分享名稱：Javascript面向?qū)ο蟪绦蛟O(shè)計單例模式原理的示例分析
文章路徑：http://www.muchs.cn/article30/ihpspo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、網(wǎng)站制作、微信小程序、外貿(mào)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、電子商務(wù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)