0

0

JavaScript如何实现单例模式_JavaScript如何确保全局唯一实例

夢幻星辰

夢幻星辰

发布时间:2025-12-27 21:36:26

|

649人浏览过

|

来源于php中文网

原创

JavaScript实现单例模式的核心是控制构造函数只返回同一全局唯一实例,常用方式包括闭包+静态属性、ES6模块天然单例、Symbol+WeakMap私有单例,不推荐全局变量硬绑定。

javascript如何实现单例模式_javascript如何确保全局唯一实例

JavaScript 中实现单例模式的核心是:**控制构造函数只能返回同一个实例,且该实例在全局唯一**。由于 JS 没有原生的私有构造器或静态类限制,需借助闭包、模块作用域或静态属性手动“封住”重复创建的路径。

用闭包 + 静态属性封装实例

这是最常用、兼容性好、逻辑清晰的方式。把实例缓存在构造函数自身的属性上,首次调用时创建,之后直接返回缓存值:

class Logger {
  constructor() {
    if (Logger.instance) {
      return Logger.instance;
    }
    this.logCount = 0;
    Logger.instance = this;
  }

  log(msg) {
    console.log(`[${++this.logCount}] ${msg}`);
  }
}

// 使用
const a = new Logger();
const b = new Logger();
console.log(a === b); // true

⚠️注意:这种方式依赖开发者不手动删除 Logger.instance,也不用 new Logger().constructor 绕过——它不是绝对安全,但足够应对常规场景。

用模块模式(ES6 Module)天然单例

利用 ES6 模块的“单例加载”特性:一个模块文件无论被 import 多少次,都只执行一次,导出对象始终是同一引用:

立即学习Java免费学习笔记(深入)”;

// logger.js
class Logger {
  constructor() {
    this.logCount = 0;
  }
  log(msg) {
    console.log(`[${++this.logCount}] ${msg}`);
  }
}

export default new Logger(); // 直接导出实例
// app.js
import logger from './logger.js';
import logger2 from './logger.js';

console.log(logger === logger2); // true

✅ 这是最推荐的方式:无需判断、无污染构造函数、天然防多例,适合配置类、工具类、状态管理器等。

叮当好记-AI音视频转图文
叮当好记-AI音视频转图文

AI音视频转录与总结,内容学习效率 x10!

下载

用 Symbol + WeakMap 实现真正私有单例(进阶)

若需严格防止外部篡改实例(如测试环境或强约束库),可用 Symbol 作私有键,配合 WeakMap 存储实例,确保只有授权方法能访问:

const instanceKey = Symbol('singletonInstance');
const instances = new WeakMap();

class Database {
  constructor() {
    if (instances.has(this)) {
      return instances.get(this);
    }
    // 初始化逻辑
    this.connected = false;
    instances.set(this, this);
  }

  connect() {
    if (!this.connected) {
      console.log('Connected to DB');
      this.connected = true;
    }
  }
}

// 工厂函数提供受控入口
export const getDatabase = () => {
  const db = new Database();
  return db;
};

这种写法避免了在类上挂属性,更“干净”,但日常开发中略显冗余,适合对封装性要求极高的基础库。

不推荐的做法:全局变量硬绑定

window.mySingleton = new SomeClass()globalThis.singleton = … 看似简单,但会污染全局命名空间、难以维护、无法 Tree-shaking、不利于模块化和测试。

  • 破坏模块封装性
  • 多个包可能冲突命名
  • 服务端(Node.js)中 globalThis 行为与浏览器不一致
  • 无法按需加载或懒初始化

应优先选择模块导出或构造器守卫方式。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

WorkBuddy
WorkBuddy

腾讯云推出的AI原生桌面智能体工作台

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
es6新特性
es6新特性

es6新特性有:1、块级作用域变量;2、箭头函数;3、模板字符串;4、解构赋值;5、默认参数;6、 扩展运算符;7、 类和继承;8、Promise。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

106

2023.07.17

es6新特性有哪些
es6新特性有哪些

es6的新特性有:1、块级作用域;2、箭头函数;3、解构赋值;4、默认参数;5、扩展运算符;6、模板字符串;7、类和模块;8、迭代器和生成器;9、Promise对象;10、模块化导入和导出等等。本专题为大家提供es6新特性的相关的文章、下载、课程内容,供大家免费下载体验。

197

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

ES6是JavaScript的根本性升级,引入let/const实现块级作用域、箭头函数解决this绑定问题、解构赋值与模板字符串简化数据处理、对象简写与模块化提升代码可读性与组织性。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

234

2025.12.24

全局变量怎么定义
全局变量怎么定义

本专题整合了全局变量相关内容,阅读专题下面的文章了解更多详细内容。

100

2025.09.18

python 全局变量
python 全局变量

本专题整合了python中全局变量定义相关教程,阅读专题下面的文章了解更多详细内容。

126

2025.09.18

go语言闭包相关教程大全
go语言闭包相关教程大全

本专题整合了go语言闭包相关数据,阅读专题下面的文章了解更多相关内容。

153

2025.07.29

js正则表达式
js正则表达式

php中文网为大家提供各种js正则表达式语法大全以及各种js正则表达式使用的方法,还有更多js正则表达式的相关文章、相关下载、相关课程,供大家免费下载体验。

531

2023.06.20

js获取当前时间
js获取当前时间

JS全称JavaScript,是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;它是一种属于网络的高级脚本语言,主要用于Web,常用来为网页添加各式各样的动态功能。js怎么获取当前时间呢?php中文网给大家带来了相关的教程以及文章,欢迎大家前来学习阅读。

576

2023.07.28

chatgpt使用指南
chatgpt使用指南

本专题整合了chatgpt使用教程、新手使用说明等等相关内容,阅读专题下面的文章了解更多详细内容。

0

2026.03.16

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.7万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号