js单例模式详细解读

前言

单例模式 (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';
        };

用例：