JS单例模式

作者: ThomasCho | 来源:发表于2018-06-09 10:49 被阅读19次

单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。
单例模式是一种常用的模式,有一些对象我们往往只需要一个,比如线程池、全局缓存、浏览器中的 window 对象等。在 JavaScript开发中,单例模式的用途同样非常广泛。试想一下,当我们单击登录按钮的时候,页面中会出现一个登录浮窗,而这个登录浮窗是唯一的,无论单击多少次登录按钮,这个浮窗都只会被创建一次,那么这个登录浮窗就适合用单例模式来创建。

let SingleTon = (html => {
    let instance;

    class SingleTon {
        constructor (html) {
            if (instance) {
                return instance;
            }
            this.html = html;
            instance = this;
            return instance;
        }
    }

    return SingleTon;
})();

let a = new SingleTon('aaa')
let b = new SingleTon('bbb')

console.log(a === b)

运行结果:true

相关文章

  • 前端开发工程师必备系列-几个简单的JS单例模式

    前端开发工程师必备系列-几个简单的JS单例模式 JavaScript单例模式 1. 单例模式 单例模式(Singl...

  • 前端设计模式

    JS设计模式一:工厂模式jS设计模式二:单例模式JS设计模式三:模块模式JS设计模式四:代理模式JS设计模式五:职...

  • JavaScript-高级篇之单例模式

    单例模式 保证一个类仅有一个实例,并提供一个访问它的全局访问点 JS特色的单例模式 惰性单例

  • JS_单例模式

    JS_单例模式 什么是单例模式? 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 单例模式的优点 可以用来...

  • 【设计模式】单例模式

    单例模式 常用单例模式: 懒汉单例模式: 静态内部类单例模式: Android Application 中使用单例模式:

  • Android设计模式总结

    单例模式:饿汉单例模式://饿汉单例模式 懒汉单例模式: Double CheckLock(DCL)实现单例 Bu...

  • JS单例模式

    单例模式的定义是:保证一个类仅有一个实例,并提供一个访问它的全局访问点。单例模式是一种常用的模式,有一些对象我们往...

  • js 单例模式

    为何要有单例模式书中有举出一个实际场景,当我们点击登陆按钮时,页面中可能会出现一个弹框,而这个弹框是唯一的,无论点...

  • js单例模式

    概念:单例,指的就是只有一个实例的对象 var singleton = {name: 'singleton',me...

  • js单例模式

    单例模式 单例表示只存在一个这样的对象。单例模式是一种非常重要的设计模式,有很多经典的应用场景,比如说,网站的登录...

网友评论

    本文标题:JS单例模式

    本文链接:https://www.haomeiwen.com/subject/pghteftx.html