js设计模式demo--单例模式

最新推荐文章于 2022-02-23 01:16:21 发布

swordsmanYao

最新推荐文章于 2022-02-23 01:16:21 发布

阅读量235

点赞数

分类专栏： js 文章标签： javascript

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

最近在看曾探的「 JavaScript 设计模式与开发实践」，随笔记一下比较好的代码，大家一起学习

//管理单例
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 = '我是登录窗';
    var body = document.getElementsByTagName('body')[0];
    body.appendChild(div);
    div.style.display = 'none';
    return div;
}

var createSingleLoginLayer = getSingle(createLoginLayer);

document.getElementById('loginBtn').onclick = function(){
    var loginDiv = createSingleLoginLayer();
    loginDiv.style.display = 'block';
}