2023-01-26 JS设计模式-单例模式:单例模式的原理和实现,懒汉模式和饿汉模式,单例模式实现登录框

本文详细介绍了JS中的单例模式,包括其定义、特点、实现方式,以及懒汉模式和饿汉模式的区别。通过示例代码展示了如何在JavaScript中创建单例,探讨了单例模式的优缺点,并给出了单例模式在任务管理器、网站计数器和配置对象读取等场景的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.什么是单例模式?
介绍

单例模式是最简单的设计模式之一,属于创建型模式,单例模式提供了一种创建对象的最佳方式

特点
  • 单例模式的类(单例类)只有一个实例对象
  • 这个单例对象必须由单例类创建
  • 单例类对外提供一个访问这个单例的全局访问点

*总的来说就是,确保只有一个实例,并提供全局访问

结构

单例类:包含一个实例且能自行创建这个实例的类
访问类:使用单例的类

2.如何实现一个单例模式?
思路

通过单例模式的特点:一个类只有一个实例,

先判断实例存在与否,
若存在,则直接返回
若不存在,则创建了再返回

*在JS中单例作为一个命名空间提供者,从全局命名空间里提供一个唯一的访问点来访问该对象

实现代码

用一个变量来标记当前是否已经为某个类创建了这个单例对象,
若是,则在下一次获取实例时直接返回之前创建的对象
写法一:

let Singleton = function(name) {
   
    this.name = name;
    this.instance = null;
};
//Singleton.prototype.getName = function() {
   
//    alert(this.name);
//};
Singleton.getInstance = function(name) {
   
    if (!this.instance) {
   
        this.instance = new Singleton(name);
    }
    return this.instance;
}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

前端OnTheRun

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值