学习javascript设计模式之单例模式
1、单例模式的核心是确保只有一个实例,并提供全局访问。
2、惰性单例 指的是在需要的时候才创建对象实例。
如在页面中创建唯一div 普通做法
var createDiv = (function(){
var div;
return function(){
if(!div){
div = document.createElement("div");
div.style.width="100px";
div.innerHTML = "fdsafdsafdsafdsa";
div.style.display = 'none';
document.body.appendChild(div);
return div;
}
return 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';
}
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步