亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

學(xué)習(xí)JavaScript設(shè)計模式之單例模式

 更新時間：2016年01月19日 11:01:29   作者：奮飛  
這篇文章主要為大家介紹了JavaScript設(shè)計模式中的單例模式，對JavaScript設(shè)計模式感興趣的小伙伴們可以參考一下

一、定義

保證一個類僅有一個實(shí)例，并提供一個訪問它的全局訪問點(diǎn)。
當(dāng)單擊登陸按鈕，頁面中出現(xiàn)一個登陸浮窗，這個登陸浮窗是唯一的，無論單擊多少次登陸按鈕，這個浮窗都只會被創(chuàng)建一次，那么這個登陸浮窗就適合用單例模式來創(chuàng)建。

二、實(shí)現(xiàn)原理

要實(shí)現(xiàn)單例并不復(fù)雜，使用一個變量來標(biāo)志當(dāng)前是否已經(jīng)為某個類創(chuàng)建過對象，如果是，則在下一次獲取該類的實(shí)例時，直接返回之前創(chuàng)建的對象。

三、假單例

全局變量不是單例模式，但在JavaScript開發(fā)中，我們經(jīng)常會把全局變量當(dāng)成單例來使用。

var a = {};

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

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

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

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

四、惰性單例：在需要的時候才能創(chuàng)建對象實(shí)例

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

// 測試
function testSingle(){}
getSingle(testSingle)() === getSingle(testSingle)();  // true

五、補(bǔ)充：

（1）懶加載

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

lazyload();

（2）預(yù)加載

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

preload();

希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計有所幫助。

相關(guān)文章

最新評論