js设计模式——单例模式

最新推荐文章于 2024-02-20 16:25:35 发布

皓月TT当空

最新推荐文章于 2024-02-20 16:25:35 发布

阅读量153

点赞数 1

分类专栏： js 技术积累文章标签：设计模式

本文链接：https://blog.csdn.net/boy599237255/article/details/84883245

版权

技术积累同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

9 篇文章 0 订阅

订阅专栏

定义：
一个类仅有一个实例，并提供一个访问它的全局访问点。

使用场景：
如登录弹框（每个页面只需要创建一次弹框，同页面其他地方调用只需要显示即可）、图片上传的loading效果等等

通用惰性单例：
指在需要的时候才创建对象实例，并且单例逻辑和创建对象分开

//单例逻辑
var getSingle = function(fn){
    var result;
    return function(){
        return result || ( result = fn.apply(this,arguments) )
    }
}

//创建对象
var createLoadingLayer = function(){
    var div = document.createElement('div');
    div.innerHTML = '我正在加载....';
    div.style.display = 'none';
    document.body.appendChild(div);
    
    return div;
}

var createSingleLoadingLayer = getSingle( createLoadingLayer );

//调用方法
createSingleLoadingLayer();
createSingleLoadingLayer(); //此时页面中只会创建一个div

注意：
不要在多线程中使用单例模式，因为多线程第一次执行时无法判断是否为已创建对象，从而导致创建了多个对象。