javascript_如何实现单例模式

单例模式确保类仅有一个实例并提供全局访问点。JavaScript中常用实现方式包括:①闭包与IIFE,通过私有变量控制实例唯一性;②ES6模块系统,默认导出对象天然单例;③静态属性,在构造函数中判断是否已存在实例。推荐使用模块系统,简洁且符合现代开发规范,闭包适合复杂初始化场景,核心目标是保证实例唯一和可访问。

javascript_如何实现单例模式

单例模式的核心是确保一个类在整个应用中只存在一个实例,并提供一个全局访问点。在 JavaScript 中,由于其函数式语言的特性,实现单例模式有多种方式,下面介绍几种常见且实用的方法。

使用闭包和立即执行函数(IIFE)

这是最经典的方式之一,利用闭包来保护私有变量,通过 IIFE 确保实例只被创建一次。

const Singleton = (function () {
 let instance;

 function createInstance() {
  return { name: ‘唯一的实例’ };
 }

 return {
  getInstance: function () {
   if (!instance) {
    instance = createInstance();
   }
   return instance;
  }
 };
})();

调用 Singleton.getInstance() 每次都返回同一个对象。

使用 ES6 的模块系统(推荐)

JavaScript 模块是天然的单例。导出的对象在首次加载时被创建,后续导入的是同一实例。

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

// singleton.js
class Database {
 constructor() {
  this.url = ‘localhost’;
 }
 connect() {
  // 连接逻辑
 }
}

export default new Database();

在其他文件中引入:

import db from ‘./singleton.js’;
// 多次导入也是同一个实例

使用静态属性实现类单例(ES6+)

在类中用静态属性保存实例,控制构造函数不重复创建。

class Logger {
 static instance;

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

 log(msg) {
  console.log(msg);
 }
}

使用方式:

const logger1 = new Logger();
const logger2 = new Logger();
console.log(logger1 === logger2); // true

基本上就这些。选择哪种方式取决于项目结构和需求。模块化方式最简洁自然,适合现代前端开发;闭包方式适合需要严格控制初始化逻辑的场景。关键是保证实例唯一性和可访问性。

以上就是javascript_如何实现单例模式的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1543229.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
JavaScript中的PWA是什么_它如何让网页应用更接近原生应用呢
上一篇 2025年12月21日 14:52:27
为什么需要javascript模块化_ES6模块有何优势?
下一篇 2025年12月21日 14:52:40

相关推荐

  • PHP中基于日期条件动态过滤数组元素教程

    本教程旨在解决PHP中根据数组元素的日期字段(例如“激活日期”)动态过滤和移除不符合条件的元素的问题。我们将详细介绍如何利用strtotime()函数将日期字符串转换为可比较的Unix时间戳,并通过遍历和unset()操作实现精确的条件过滤,确保数据处理的准确性和效率。 1. 问题背景:根据日期条件…

    2026年9月5日
    100
  • Karate Framework:处理带方括号和日期范围的GET请求参数

    本文详细介绍了如何在Karate Framework中构建包含复杂查询参数(如filters[start_date])的GET请求。针对def query无法正确处理带方括号参数名的问题,文章提供了使用param关键字的解决方案,并通过示例代码和请求响应验证了其有效性,旨在帮助用户高效地进行API自…

    2026年9月5日
    100
  • Claude和ChatGPT有什么区别_Claude与ChatGPT功能对比分析

    Claude在长文本处理和复杂指令遵循上具有显著优势,主要得益于其超大上下文窗口(可达20万token)和“宪法式AI”训练机制。这使得它能同时处理大量文本信息,在法律合同分析、技术文档总结、代码库审查等场景中表现优异。其强大的上下文记忆能力确保了长时间多轮对话的连贯性,不易“失忆”或跑题。同时,宪…

    2026年9月5日
    000
  • Java中安全获取浮点数输入:异常处理与验证实践

    在java中,直接使用`scanner.nextfloat()`获取用户输入时,若用户输入非浮点数,会导致`inputmismatchexception`。本教程将详细介绍如何通过结合使用`hasnextfloat()`方法进行预验证或利用`try-catch`语句捕获`inputmismatche…

    2026年9月4日
    200
  • VSCode代码空格怎么解决_VSCode空格与缩进格式问题处理教程

    答案是通过配置VSCode设置、使用.editorconfig文件、集成Prettier等格式化工具,并统一团队规范,可有效解决代码缩进与空格问题。具体包括调整tabSize、insertSpaces、detectIndentation等编辑器设置,禁用自动检测以避免混乱,配合Prettier、ES…

    2026年9月4日
    100
  • Java Stream API处理嵌套Map时保留原始结构的最佳实践

    本文详细阐述了如何使用java stream api过滤嵌套map结构(例如`vehicle`对象中的`services`),同时确保原始父对象(`vehicle`)的非过滤字段(如`name`和`model`)得以保留。核心策略是遍历主map,对嵌套map进行过滤,然后利用原始数据和过滤后的嵌套数…

    2026年9月4日
    100
  • C语言头文件防卫式声明

    c语言一般提供三种预处理功能:宏处理、文件包含、条件编译。头文件防卫式申明中会用到条件编译中 #ifndef 、 #define 、 #endif 的用法。所以,首先价绍下条件编译。 1 条件编译 一般情况下,在生成可执行文件的过程中,源程序文件中的所有代码行都进行编译,但是在一些跨操作系统的情况下…

    2026年9月4日
    200
  • VSCode怎么弄颜色_VSCode自定义语法高亮和主题颜色教程

    自定义VSCode颜色需通过settings.json文件,结合主题扩展与个性化设置。首先安装喜欢的颜色主题,再通过workbench.colorCustomizations调整UI元素(如侧边栏、状态栏),使用editor.tokenColorCustomizations修改代码语法高亮,包括通用…

    2026年9月4日
    100
  • Java远程调试(Remote Debugging)的那些事

    前言本文将探讨如何处理和调试那些仅在生产环境(或其他远程环境)中发生,而本地开发环境无法重现的“问题”。任何遇到这种情况的人都必须承认,试图找出这种“问题”原因的过程,很可能以一堆无根据的猜测告终:这是一个非常耗时且效率低下的过程。 还有一种情况,你得到了一个可以部署的war/jar包,只有clas…

    2026年9月4日
    100
  • 解决PHP Web应用数据更新延迟:浏览器缓存管理与实时内容展示

    本文深入探讨了PHP应用在本地开发环境中,当JSON数据或图片文件更新后,Web视图未能及时反映最新内容的问题。核心原因在于浏览器缓存机制。文章将详细介绍多种有效的解决方案,包括利用查询参数强制缓存失效、通过修改文件名实现版本控制,以及配置服务器端的缓存策略,旨在帮助开发者确保Web应用能够准确、实…

    2026年9月4日
    100
  • VSCode怎么插动图_VSCode插入GIF动图与预览动态效果教程

    VSCode无法直接在编辑器中播放GIF,但可通过Markdown预览功能实现动图展示。具体步骤为:将GIF文件放入项目目录或使用网络链接,在.md文件中用![描述](路径)语法插入,再通过Ctrl+Shift+V打开预览窗口即可动态查看。此方法利用内置渲染引擎,不需额外插件,适用于文档编写;也可安…

    2026年9月4日
    400
  • 渗透测试安全检测漏洞

    最近由于渗透测试任务繁重,笔者一直未能抽出时间撰写文章。今天,我们sine安全的渗透主管将为大家普及java安全测试的基础知识。许多客户希望了解具体的javascript调用漏洞、提交payload的过程,以及如何获取最高权限、绕过登录等执行命令漏洞的安全检测方法。 4.4.1.1. 显式原型和隐式…

    2026年9月4日
    100
  • 使用本地化资源动态配置 Java Switch 语句

    本文探讨了在 Java 中如何根据不同的区域设置,动态地配置 `switch` 语句。由于 `switch` 语句的 `case` 标签必须是常量表达式,直接使用资源文件中的字符串值是不允许的。本文提供了两种解决方案:使用 `if-else if` 语句替代 `switch`,以及使用 `Map` …

    2026年9月4日
    200
  • PHP:将扁平数组转换为树状结构

    本文介绍了如何使用 PHP 将一个包含父子关系的扁平数组转换为树状结构。通过递归函数 buildTree,我们可以根据 parent_id 将数组元素组织成具有层级关系的树形结构,方便数据展示和操作。本文提供了详细的代码示例和解释,帮助你理解和应用这种数据转换方法。 在实际开发中,我们经常会遇到需要…

    2026年9月4日
    200
  • Karate框架中构建包含复杂嵌套参数的GET请求指南

    本教程详细介绍了如何在Karate API测试框架中正确处理包含复杂嵌套参数(如filters[key])的GET请求。当直接使用JSON对象定义此类参数时,Karate可能无法正确解析URL。文章将演示如何利用* param关键字逐一设置这些参数,确保生成的请求URL格式符合预期,并提供示例代码和…

    2026年9月4日
    300
  • 安全基线检查平台

    安全基线检查平台安全基线检查平台安全基线检查平台安全基线检查平台

    0x01 介绍 最近我在进行安全基线检查相关的工作,网络上的一些代码比较零散;也有一些比较完整的项目,比如OWASP中的安全基线检查项目,但需要付费;还有一些开源且完整的,比如Lynis,但这些都不符合我的需求。 我的需求如下: 最终的效果是什么呢?最好能够达到阿里云里的安全基线检查的样子,即使差一…

    2026年9月4日 用户投稿
    100
  • 通过 Eloquent 关联模型获取分组数据:以餐厅订单为例

    本文旨在提供一种使用 Laravel Eloquent ORM 通过关联模型获取并分组数据的有效方法。我们将以餐厅、菜品和订单之间的关系为例,展示如何使用 with() 和 whereHas() 方法,避免使用循环,从而编写更简洁、更高效的代码。通过本文,你将学会如何根据订单 ID 对结果进行分组,…

    2026年9月4日
    100
  • Java中toString方法默认输出什么 为什么建议重写

    默认的toString()方法返回“类名@哈希码的十六进制形式”,如com.example.Person@6b4c47ba;建议重写toString()以提升调试、日志输出和代码可读性,便于查看对象实际内容,尤其是在集合打印时能清晰展示对象状态,符合开发规范。 Java中每个类都继承自Object类…

    2026年9月4日
    200
  • 小红书千帆APP有哪些核心功能_小红书千帆APP核心功能详解

    小红书千帆APP提供数据看板、订单管理、商品上架、客服沟通与营销推广五大核心功能,助力商家高效运营店铺。 如果您在小红书上经营店铺,需要一个高效管理商品、订单和数据的工具,那么小红书千帆APP正是为此设计。以下是该平台提供的多项核心功能详解: 一、数据看板与经营分析 此功能旨在帮助商家全面掌握店铺运…

    2026年9月4日
    000
  • 夸克网盘如何恢复误删文件 夸克网盘回收站机制的应急使用手册

    误删文件后可通过回收站恢复,检查文件恢复服务设置,利用历史版本功能,联系官方客服或使用专业软件找回数据。 立即进入“☞☞☞☞☞点击夸克资源搜索引擎链接☜☜☜☜☜”; 立即进入“☞☞☞☞☞点击夸克资源网APP直达☜☜☜☜☜”; 如果您在使用夸克网盘时误删了重要文件,不必过于惊慌。大多数情况下,被删除的…

    2026年9月4日
    500

发表回复

登录后才能评论
关注微信