學習JavaScript設計模式之單例模式_javascript技巧

一、定義

保證一個類別只有一個實例，並提供一個存取它的全域存取點。
當點擊登陸按鈕，頁面中出現一個登陸浮窗，這個登陸浮窗是唯一的，無論單擊多少次登陸按鈕，這個浮窗都只會被創建一次，那麼這個登陸浮窗就適合用單例模式來創建。

二、實現原理

要實現單例並不復雜，使用一個變數來標誌目前是否已經為某個類別建立過對象，如果是，則在下次取得該類別的實例時，直接傳回先前建立的物件。

三、假單例

全域變數不是單例模式，但在JavaScript開發中，我們常常會把全域變數當成單例來使用。

var a = {};

降低全域變數帶來的命名污染
（1）使用命名空間

var namespace1 = {
  a: function(){},
  b: 2
}

（2）使用閉包封裝私有變數

var user = (function() {
  var _name = 'lee',
    _age = '25';
  return {
    getUserInfo: function() {
      return _name + ":" + _age;
    }
  };
})();

四、惰性單例：在需要的時候才能建立物件實例

var getSingle = function(fn) {
  var result;
  return function() {
    return result || (result = fn.apply(this, arguments));
  };
};

// 测试
function testSingle(){}
getSingle(testSingle)() === getSingle(testSingle)();  // true

五、補充：

（1）懶加載

var lazyload = function() {
  console.log(1);
  lazyload = function() {
    console.log(2);
  }
  return lazyload();
}

lazyload();

（2）預先載入

var preload = (function() {
  console.log(1);
  preload = function() {
    console.log(2);
  };
  return preload;
})();

preload();

希望本文所述對大家學習javascript程式設計有所幫助。