当前位置: 首页 > ai >正文

Javascript 单例模式

一.是什么

单例模式是一种设计模式,它的核心思想是:整个系统中只能存在一个类的实例,并提供一个全局访问点来获取这个实例。

二. 有什么作用

作用描述
全局唯一性避免多个实例带来的资源浪费或数据不一致问题
共享状态单例中的数据可被多个组件或模块共享
统一管理管理某一类服务或工具,如缓存、日志、配置等
延迟初始化(惰性加载)实例只在首次使用时创建,节省资源

三. 怎么用

对象字面量
const Singleton = {name: '我是单例',sayHi() {console.log('Hi~', this.name);},
};
ES6 类 + 静态属性
class Singleton {constructor() {if (Singleton.instance) {return Singleton.instance;}this.name = '我是单例';Singleton.instance = this;}sayHi() {console.log('Hi~', this.name);}
}// 使用
const a = new Singleton();
const b = new Singleton();
console.log(a === b); // true

四. 用在哪里

应用场景描述
状态管理Vuex、Redux 中的 Store 就是单例
缓存模块数据缓存、接口响应缓存、资源预加载器等
工具类日志工具、埋点统计、埋点 SDK 管理器
事件总线作为全局 EventBus 控制通信
弹窗控制Modal、Dialog 控制器,防止重复弹窗
配置中心管理全局配置信息或运行环境信息
http://www.xdnf.cn/news/13614.html

相关文章:

  • springboot3+mybatisplus(5)-backend-mybaitsplus+frontend-router
  • 【Linux开发】海思摄像头内部视频处理模块
  • SiteAzure4.x 版本 访问html静态页文件出现404错误
  • webgl(three.js 与 cesium 等实例应用)之浏览器渲染应用及内存释放的关联与应用
  • Day52打卡 @浙大疏锦行
  • linux驱动开发(7)-互斥与同步
  • 从0到1做一个“任务管理系统”:Spring Boot + Vue 实战教程(含源码)
  • js实现输入高亮@和#后面的内容
  • uniapp 腾讯云 COS 文件管理进阶(文件夹分类与批量操作)
  • ThreadLocal为什么会导致内存泄漏(详细讲解)
  • Android NumberPicker使用大全
  • 数据管理四部曲:元数据管理、数据整合、数据治理、数据质量管控
  • ArcGIS数据管理与转换、地图制作、数据制备、矢量空间分析、栅格空间分析、空间插值、三维分析、高级建模
  • Packagerun:VSCode 扩展 快捷执行命令
  • Python第八周作业
  • ZeroTier+CCproxy+Proxifier实现内网穿透和流量转发
  • 让报表成为生产现场的“神经系统”,推动管理自动化升级
  • 第30节 Node.js C/C++ 插件
  • Appium+python自动化(二十一)- Monkey指令操作手机
  • Vue3+TypeScript实现访问者模式
  • PyTorch深度学习框架60天进阶学习计划-第57天:因果推理模型(二)- 高级算法与深度学习融合
  • ARM 和 x86_64是什么关系
  • 论文阅读:speculative decoding
  • 校赛2025迎新杯题解
  • 欧盟RED网络安全标准EN 18031-2的要求
  • 什么是序列化?反序列化? 场景使用? 怎么实现???
  • 「ECG信号处理——(17)基于小波熵阈值的R峰检测(与时域-频域-多尺度小波法对比)」2025年6月12日
  • Docker 安装 Oracle 12C
  • 大厂Java技术面试实录:从基础到架构,谢飞机的面试之旅
  • springboot+mybatis面试题