学习javascript设计模式之单例模式

1、单例模式的核心是确保只有一个实例，并提供全局访问。

2、惰性单例指的是在需要的时候才创建对象实例。

如在页面中创建唯一div 普通做法

document.getElementById("btn").onclick = function(){
var loginlayer = createDiv();
loginlayer.style.display = 'block';
}

应用通用惰性单例

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

var createDiv = function(){
   var div = document.createElement("div");
   div.style.width="100px";
   div.innerHTML = "fdsafdsafdsafdsa";
   document.body.appendChild(div);
   return div;
}

var createSingleDiv = getSingle(createDiv);
document.getElementById("btn").onclick = function(){
var loginlayer = createSingleDiv();
loginlayer.style.display = 'block';
}

巴特西

学习javascript设计模式之单例模式

最新文章

热门文章