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

JavaScript设计模式_单例与工厂模式实现

风强姑娘_8570

风强姑娘_8570

发布时间:2025-11-19 20:05:02

|

564人浏览过

|

来源于php中文网

原创

单例模式确保一个类仅有一个实例,通过静态属性保存实例并判断是否已创建,适用于全局唯一对象如配置管理;工厂模式则封装对象创建过程,根据传入类型返回不同产品实例,提升扩展性与维护性;两者结合可优化应用结构。

javascript设计模式_单例与工厂模式实现

单例模式和工厂模式是JavaScript中常用的设计模式,它们分别解决了对象创建的单一实例控制和灵活创建的问题。下面介绍这两种模式的基本概念及实现方式。

单例模式:确保一个类只有一个实例

单例模式的核心是保证在整个应用中,某个类只能被实例化一次,重复调用时返回同一个实例。这在需要全局唯一对象(如配置管理、日志模块)时非常有用。

JavaScript中可以通过闭包和静态属性来实现单例模式。以下是一个典型的实现:

class Singleton {
  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }
    this.data = '我是单例实例';
    Singleton.instance = this;
    return this;
  }

  getData() {
    return this.data;
  }
}

// 使用示例
const instance1 = new Singleton();
const instance2 = new Singleton();

console.log(instance1 === instance2); // true

这种方式利用构造函数中的判断,防止重复创建实例。第一次调用时创建实例并保存在静态属性中,之后都返回该实例。

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

java-api-doc-generator
java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码,自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

工厂模式:封装对象的创建过程

工厂模式用于根据不同的条件创建不同类型的对象,而无需暴露具体的构造逻辑。它提高了代码的可维护性和扩展性,适合处理多种相似对象的场景。

比如我们有多个产品类,可以通过一个工厂函数或类来统一创建:

class ProductA {
  use() {
    console.log('使用产品A');
  }
}

class ProductB {
  use() {
    console.log('使用产品B');
  }
}

class Factory {
  static createProduct(type) {
    switch (type) {
      case 'A':
        return new ProductA();
      case 'B':
        return new ProductB();
      default:
        throw new Error('未知的产品类型');
    }
  }
}

// 使用示例
const product1 = Factory.createProduct('A');
const product2 = Factory.createProduct('B');

product1.use(); // 使用产品A
product2.use(); // 使用产品B

通过工厂类的静态方法,调用者不需要知道具体类名,只需传入类型标识即可获得对应实例。新增产品时只需修改工厂内部逻辑,不影响外部使用。

基本上就这些。单例模式控制实例数量,工厂模式解耦对象创建。两者结合使用,在复杂应用中能有效提升结构清晰度和可维护性。

热门AI工具

更多
创客贴AI

创客贴AI是一款AI图像与设计工具,AI辅助的智能在线设计工具。

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

超级麦吉

一款通过数字员工协作完成调研、数据分析与文档制作的AI办公平台。

DeepSeek

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

豆包大模型

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

咔片AIPPT

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

讯飞绘文

讯飞绘文是一款由科大讯飞推出的一站式 AIGC 内容运营平台。

Lovart
Lovart Hot

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

WorkBuddy

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

相关专题

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

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

4733

2025.07.29

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

40

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

120

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

140

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

120

2026.10.22

Golangci-lint检查器使用教程
Golangci-lint检查器使用教程

本专题整理Golangci-lint常用Linters的用途与配置方法,覆盖错误处理、无效代码、安全、复杂度、命名和依赖检查,帮助项目合理选规则。

80

2026.10.22

Gradle怎么构建Java项目
Gradle怎么构建Java项目

本专题介绍Gradle Java项目构建方法,涵盖Java插件配置、依赖声明、源码编译、测试执行和打包检查,帮助你理解各阶段的任务关系,逐步完成项目构建。

40

2026.10.22

PHP时间戳漏洞修复教程
PHP时间戳漏洞修复教程

本专题汇总PHP常见时间戳漏洞,包括2038年溢出、时区漂移、时间戳伪造、重放攻击、时间盲注与日志审计失效等,并给出升级64位环境、使用 DateTimeImmutable、统一UTC、严格超时校验、预处理绑定、hash_equals 比对等修复方案,帮助开发者快速排查和加固时间相关代码。

80

2026.10.22

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.4万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.8万人学习

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

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