怎么在JavaScript中应用单例模式-成都快上网建站

怎么在JavaScript中应用单例模式

这篇文章将为大家详细讲解有关怎么在JavaScript中应用单例模式,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:主机域名雅安服务器托管、营销软件、网站建设、惠来网站维护、网站推广。

javascript是一种什么语言

javascript是一种动态类型、弱类型的语言,基于对象和事件驱动并具有相对安全性并广泛用于客户端网页开发的脚本语言,同时也是一种广泛用于客户端Web开发的脚本语言。它主要用来给HTML网页添加动态功能,现在JavaScript也可被用于网络服务器,如Node.js。

1、应用场景

  (1)windows的任务管理器

  (2)多线程的线程池设计

  (3)全局缓存

  (4)浏览器的window对象

  (5)登录页面中的浮窗,无论点击多少次,浮窗仅仅会被创建一次,那么这个button应该使用单例模式来进行创建。

2、实例

单例模式模拟登录框。

class LoginForm {
    constructor() {
        this.state = 'hide'
    }
    show() {
        if (this.state === 'show') {
            alert('已经显示')
            return
        }
        this.state = 'show'
        console.log('登录框已显示')
    }
    hide() {
        if (this.state === 'hide') {
            alert('已经隐藏')
            return
        }
        this.state = 'hide'
        console.log('登录框已隐藏')
    }
}
LoginForm.getInstance = (function () {
    let instance
    return function () {
        if (!instance) {
            instance = new LoginForm();
        }
        return instance
    }
})()
 
// 一个页面中调用登录框
let login1 = LoginForm.getInstance()
login1.show()
// login1.hide()
 
// 另一个页面中调用登录框
let login2 = LoginForm.getInstance()
login2.show()
 
// 两者是否相等
console.log('login1 === login2', login1 === login2)

关于怎么在JavaScript中应用单例模式就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


当前标题:怎么在JavaScript中应用单例模式
标题来源:http://kswjz.com/article/godpeo.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流