讲师中心 微信公众号
AI工具推荐 视频效率加速

JavaScript单例模式实现_javascript设计模式

星静吖_2738

星静吖_2738

发布时间:2025-12-03 12:26:02

|

640人浏览过

|

来源于php中文网

原创

单例模式确保一个类仅有一个实例并提供全局访问点。通过闭包与IIFE实现时,利用私有作用域缓存实例,保证多次调用getInstance返回同一对象;ES6类实现则通过静态属性存储实例,构造函数中判断防止重复创建,适合需要继承的场景;在模块化环境中,CommonJS或ES6模块的缓存机制使导出对象天然具备单例特性,无论多少次导入都返回同一实例。根据项目需求选择实现方式:闭包适用于简单场景,类适合复杂逻辑,模块系统是现代项目的自然选择,核心在于控制实例唯一性与访问可控性。

javascript单例模式实现_javascript设计模式

单例模式的核心是确保一个类只有一个实例,并提供一个全局访问点。在JavaScript中,由于语言本身的灵活性,实现单例的方式比传统面向对象语言更简洁多样。关键在于控制实例的创建时机和暴露方式。

使用闭包和立即执行函数

通过闭包隐藏私有变量,保证实例不会被外部重复创建。

利用立即执行函数(IIFE)创建一个私有作用域,将实例缓存在其中。

  • 定义一个 IIFE,内部维护一个 instance 变量
  • 提供获取实例的方法,每次调用都检查是否已存在实例
  • 若不存在则创建,否则返回已有实例

示例代码:

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

<strong>const Singleton = (function() {
  let instance;

  function createInstance() {
    return { name: '唯一实例', data: [] };
  }

  return {
    getInstance: function() {
      if (!instance) {
        instance = createInstance();
      }
      return instance;
    }
  };
})();</strong>

使用时调用 Singleton.getInstance(),多次调用返回的都是同一个对象引用。

ES6 Class 风格实现

使用类语法时,可通过静态属性保存实例,配合静态方法控制访问。

cn-json-diff
cn-json-diff

比较两个 JSON 文件并显示差异。支持嵌套结构、数组及值变更。纯 Python 标准库实现,无需 API 密钥。

下载
  • 构造函数中判断是否已有实例,防止直接 new 多个对象
  • 提供静态方法返回唯一实例
  • 适合需要继承或更清晰结构的场景

示例:

<strong>class Singleton {
  static instance;

  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }
    this.data = [];
    Singleton.instance = this;
  }

  static getInstance() {
    if (!this.instance) {
      this.instance = new this();
    }
    return this.instance;
  }
}</strong>

可通过 Singleton.getInstance() 安全获取实例,即使误用 new 也不会产生多个实例。

模块化环境下的天然单例

在 CommonJS 或 ES6 模块中,模块本身就被缓存,导出的对象天然具备单例特性。

创建一个模块文件,其内容只初始化一次。

<strong>// singleton.js
let instance = null;

class Logger {
  logs = [];

  log(msg) {
    this.logs.push(msg);
    console.log(msg);
  }
}

if (!instance) {
  instance = new Logger();
}

export default instance;</strong>

无论在多少地方 import,得到的都是同一个实例。

基本上就这些。根据项目结构选择合适的方式,闭包适合简单场景,类适合复杂逻辑,模块系统则是现代项目的自然选择。关键是控制实例唯一性和访问可控性。

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

Lovart
Lovart Hot

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

咔片AIPPT

一款在线AI演示文稿制作工具,可根据主题和内容需求辅助生成PPT结构与页面,提高演示材料制作效率。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

Flowith
Flowith Hot

Flowith是一款基于画布和智能体工作流的 AI 协作工作空间。

音述AI
音述AI Hot

一款AI音频处理工具,主要用于音述AI是一个以“用声音述说故事”为核心的 AI 音乐创作与声音分享社区,适合需要提升相关任务效率的用户。

小橡皮AI

一款AI工具,主要用于小橡皮一键去AI味,将机器味重的内容改得更有活人感,防止因为 AI 内容被平台打上 AI 标签,以及限流,适合需要提升相关任务效率的用户。

相关专题

更多
es6新特性
es6新特性

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

305

2023.07.17

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

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

406

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

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

395

2025.12.24

go语言 面向对象
go语言 面向对象

本专题整合了go语言面向对象相关内容,阅读专题下面的文章了解更多详细内容。

7315

2025.09.05

java面向对象
java面向对象

本专题整合了java面向对象相关内容,阅读专题下面的文章了解更多详细内容。

362

2025.11.27

C++ 面向对象编程与设计模式实践
C++ 面向对象编程与设计模式实践

本专题整合了 C++ 面向对象编程的核心机制,涵盖类的定义与访问控制、构造函数与析构函数、拷贝语义与移动语义、继承与虚函数多态、抽象类与接口、运算符重载、友元函数等关键知识点,同时结合单例模式、工厂模式、观察者模式、策略模式等常用设计模式的 C++ 实现,帮助开发者写出结构清晰、易于维护的面向对象代码。

384

2026.04.09

Java 面向对象与核心编程机制
Java 面向对象与核心编程机制

系统讲解 Java 面向对象编程的核心知识体系,涵盖类的定义与封装、构造方法与 this/super 关键字、继承与方法重写、多态与向上向下转型、抽象类与接口的区别与设计原则、异常处理机制(try-catch-finally / 自定义异常)、泛型的类型参数与通配符、集合框架(List/Set/Map)的使用与遍历方式,帮助开发者全面掌握 Java 程序设计的核心机制与面向对象思维。

263

2026.04.17

class在c语言中的意思
class在c语言中的意思

在C语言中,"class" 是一个关键字,用于定义一个类。想了解更多class的相关内容,可以阅读本专题下面的文章。

4376

2024.01.03

DBeaver怎么导入数据
DBeaver怎么导入数据

DBeaver数据导入专题,整理Excel、CSV、SQL、TXT等常见文件的数据导入方法,涵盖目标数据库选择、数据表创建、字段映射、数据类型设置及导入参数配置等操作,帮助用户将本地文件中的数据写入数据库,并了解批量导入、重复数据处理和导入失败等常见问题的解决方法。

0

2026.11.05

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
飞书多维表格帮助中心
飞书多维表格帮助中心

共0课时 | 0人学习

第二十四期_PHP8编程
第二十四期_PHP8编程

共86课时 | 3.7万人学习

第二十三期_PHP编程
第二十三期_PHP编程

共93课时 | 11万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn