首頁 > web前端 > js教程 > 主體

javascript單列模式和單體模式定義和應用程式碼詳解

伊谢尔伦
發布: 2017-07-24 14:01:23
原創
1406 人瀏覽過

單體模式:

單體是一個用來劃分命名空間並將一批相關的屬性和方法組織在一起的對象,如果他可以被實例化,那麼他只能被實例化一次。

特點: 

可以來分割命名空間,從而清除全域變數所帶來的危險。

利用分支技術來封裝瀏覽器之間的差異。

可以把程式碼組織的更為一體,方便閱讀與維護。

程式碼實作:

/*Basic Singleton*/
var Singleton = {
  attribute:true,
  method1:function(){},
   method2:function(){}
};
登入後複製

應用場景:

單體模式在我們平時的應用中用的比較多的,相當於把我們的程式碼封裝在一個起來,只是暴露一個入口,從而避免全部變數的污染。

單例模式

單例模式定義了一個物件的建立過程,此物件只有一個單獨的實例,並提供一個存取它的全域訪問點。也可以說單例就是保證一個類別只有一個實例,實現的方法一般是先判斷實例存在與否,如果存在直接返回,如果不存在就創建了再返回,這就確保了一個類別只有一個實例物件。

程式碼實作:

單例的實作有很多種,以下只介紹其中的一種,使用閉包方式來實作單例,程式碼如下:

var single = (function(){
  var unique;
  function getInstance(){
    // 如果该实例存在,则直接返回,否则就对其实例化
    if( unique === undefined ){
      unique = new Construct();
    }
    return unique;
  }
  function Construct(){
    // ... 生成单例的构造函数的代码
  }
  return {
    getInstance : getInstance
  }
})();
登入後複製

上面的程式碼中,unique便是傳回物件的引用,而getInstance便是靜態方法取得實例。 Construct 便是建立實例的建構子。

可以透過 single.getInstance() 來取得到單例,並且每次呼叫均取得到同一個單例。這就是 單例模式 所實現的效果。

使用場景:

單例模式是常用的模式,有一些物件我們往往只需要一個,像是全域快取、瀏覽器的window物件。在js開發中,單例模式的用途同樣非常廣泛。試想一下,當我們

點擊登入按鈕的時候,頁面中會出現一個登入框,而這個浮窗是唯一的,無論點擊多少次登入按鈕,這個浮窗只會被建立一次。因此這個登入浮窗就適合用單例模式。

總結一下它的使用場景:

1、可以用它來分割命名空間

2、借助單例模式,可以把程式碼組織的更為一致,方便閱讀與維護

以上是javascript單列模式和單體模式定義和應用程式碼詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板