溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

Javascript面向對象程序設計單例模式原理的示例分析

發布時間:2021-05-12 10:59:54 來源:億速云 閱讀:143 作者:小新 欄目:web開發

小編給大家分享一下Javascript面向對象程序設計單例模式原理的示例分析,希望大家閱讀完這篇文章之后都有所收獲,下面讓我們一起去探討吧!

1.單例模式概述

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

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

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

2.簡單單例模式:

只能實例化一次的對象也就可以使用“對象字面量”的定義方式來實現:

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

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

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

如果看過之前的我寫的關于類成員的文章,自然的我們就能想到用閉包來實現,既然要用的閉包,那么一定會用到函數和函數返回值,于是,這樣的單例模式如下:

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

還記得匿名函數嗎?通常在使用閉包的時候會使用,改進之后如下:

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

4.惰性加載(lazy loading,延遲加載)單例模式

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

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(){}
    };
})();

這樣調用一個單例對象的方法:

singleton.getinstance().publicmethod();

這樣只有在調用方法或引用屬性的時候才會真正的創建unique對象,就是使用的時候比較麻煩:)

5.簡單mvc代碼風格

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

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

JavaScript的作用是什么

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

看完了這篇文章,相信你對“Javascript面向對象程序設計單例模式原理的示例分析”有了一定的了解,如果想了解更多相關知識,歡迎關注億速云行業資訊頻道,感謝各位的閱讀!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女