前言
单例模式 (Singleton) 的实现在于保证一个特定类只有一个实例,第二次使用同一个类创建新对象的时候,应该得到与第一次创建对象完全相同的对象。
反向教材
结果是false,为什么呢,因为创建了两次A,hh,bb内存指针指向两个内存地址,所以不相等(PS:这个时候可以结合前言定义来看,我想A只创建一次,第二次不再重新创建,而是使用之前创建的)
function A(name) {
var a=1
}
var hh=new A()
var bb=new A()
console.log(hh===bb)
正面教材
⼀个单⼀对象。⽐如:弹窗,⽆论点击多少次,弹窗只应该被创建⼀次’ 实现起来也很简单,⽤⼀个变量缓存即可,上代码块(真个文件的在底部):
var getSingle = function (fn) {
var result;
return function () {
return result || (result = fn.apply(this, arguments));
}
};
var createLoginLayer = function () {
var div = document.createElement('div');
div.innerHTML = '我是登录浮窗';
div.className = 'model'
div.style.display = 'none';
document.body.appendChild(div);
return div;
};
var createSingleLoginLayer = getSingle(createLoginLayer);
document.getElementById('loginBtn').onclick = function () {
var loginLayer = createSingleLoginLayer();
loginLayer.style.display = 'block';
};
用例: