单例模式实践-优快云博客

本文介绍了一种使用JavaScript实现单例模式的方法，通过管理单例确保类只有一个实例，并提供了全局访问点。具体展示了如何创建登录窗口单例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点

时刻记住单一职责原则，把创建对象和管理单例分离。

    //管理单例 
    var getSingle = function(fn){
        var result;
        return function(){
            return result || (result = fn.apply(this,arguments));
        }
    }
    //创建对象
    var createLoginLayer = function(){
        var div = document.createElement('div');
        div.id='loginLayer';
        div.innerHTML = '我是登录窗口<a id="close" href="#">x</a>';
        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';

        document.getElementById('close').onclick=function(){
            var loginLayer = createSingleLoginLayer();
            loginLayer.style.display = 'none';
        }
    };

转载于:https://my.oschina.net/u/1791915/blog/782639