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