温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

怎么在JavaScript中应用单例模式

发布时间:2021-04-27 17:03:29 来源:亿速云 阅读:211 作者:Leah 栏目:编程语言

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI