0

0

JS设计模式:单例模式与工厂模式实现

夢幻星辰

夢幻星辰

发布时间:2025-11-17 22:02:02

|

415人浏览过

|

来源于php中文网

原创

单例模式确保类仅有一个实例并提供全局访问,常用于共享资源管理;工厂模式则通过封装对象创建过程实现解耦,便于扩展不同类型对象的生成;二者结合可提升代码的可维护性与灵活性。

js设计模式:单例模式与工厂模式实现

单例模式和工厂模式是JavaScript中常用的两种设计模式,它们分别解决对象创建过程中的不同问题。单例模式确保一个类只有一个实例,并提供全局访问点;工厂模式则封装对象的创建过程,使代码更灵活、可扩展。

单例模式:保证唯一实例

单例模式的核心是:无论调用多少次构造函数,都只返回同一个实例。这在需要共享资源时非常有用,比如全局配置、日志管理器或数据库连接池。

实现方式通常使用闭包或ES6的模块机制来控制实例的创建与访问。

基本实现(闭包 + 静态变量):

class Singleton {
  constructor() {
    if (Singleton.instance) {
      return Singleton.instance;
    }
    this.data = 'I am the only instance';
    Singleton.instance = this;
    return this;
  }

  getData() {
    return this.data;
  }
}

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

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

上面的实现通过检查 Singleton.instance 是否已存在,决定是否返回已有实例。这种方式简单有效,但依赖于手动维护静态属性。

更安全的实现(利用闭包隐藏实例):

const createSingleton = (function () {
  let instance = null;

  return function () {
    if (!instance) {
      instance = {
        data: 'I am unique',
        getData() {
          return this.data;
        }
      };
    }
    return instance;
  };
})();

// 使用
const s1 = createSingleton();
const s2 = createSingleton();
console.log(s1 === s2); // true

这种写法将实例私有化,避免外部直接修改,增强了封装性

工厂模式:解耦对象创建

工厂模式用于创建对象,而无需指定具体类。它把对象的创建逻辑集中在一个“工厂函数”或“工厂类”中,客户端只需传入参数即可获得所需对象。

适用于需要根据条件生成不同类型对象的场景,比如UI组件生成、消息类型处理等。

Shoping购物网源码
Shoping购物网源码

该系统采用多层模式开发,这个网站主要展示女装的经营,更易于网站的扩展和后期的维护,同时也根据常用的SQL注入手段做出相应的防御以提高网站的安全性,本网站实现了购物车,产品订单管理,产品展示,等等,后台实现了动态权限的管理,客户管理,订单管理以及商品管理等等,前台页面设计精致,后台便于操作等。实现了无限子类的添加,实现了动态权限的管理,支持一下一个人做的辛苦

下载

简单工厂模式(函数形式):

class Button {
  render() { throw new Error('Must implement render'); }
}

class WindowsButton extends Button {
  render() {
    return '';
  }
}

class WebButton extends Button {
  render() {
    return '';
  }
}

// 工厂函数
function ButtonFactory(type) {
  switch (type) {
    case 'windows':
      return new WindowsButton();
    case 'web':
      return new WebButton();
    default:
      throw new Error(`Unknown button type: ${type}`);
  }
}

// 使用
const btn1 = ButtonFactory('windows');
const btn2 = ButtonFactory('web');

console.log(btn1.render()); // Windows Button
console.log(btn2.render()); // Web Button

通过工厂函数,调用方不需要知道具体的子类,只需要传入类型字符串就能得到正确的对象。

工厂类模式(更结构化):

class ButtonFactory {
  static create(type) {
    if (type === 'windows') {
      return new WindowsButton();
    } else if (type === 'web') {
      return new WebButton();
    } else {
      throw new Error('Unsupported type');
    }
  }
}

// 使用
const button = ButtonFactory.create('web');
console.log(button.render());

工厂类更适合复杂系统,便于扩展和维护。

结合使用场景

实际开发中,可以将单例模式用于工厂本身,确保工厂也只有一个实例:

const ButtonFactorySingleton = (function () {
  let instance = null;

  class Factory {
    create(type) {
      // 同上工厂逻辑
      if (type === 'windows') return new WindowsButton();
      if (type === 'web') return new WebButton();
      throw new Error('Invalid type');
    }
  }

  return function () {
    if (!instance) {
      instance = new Factory();
    }
    return instance;
  };
})();

// 全局唯一的工厂实例
const factory = ButtonFactorySingleton();
const another = ButtonFactorySingleton();
console.log(factory === another); // true

这样既保证了对象创建的灵活性,又控制了资源使用。

基本上就这些。单例模式关注“唯一性”,工厂模式关注“创建解耦”,两者结合能提升代码的可维护性和可扩展性。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

阿里巴巴推出的全能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新特性的相关的文章、下载、课程内容,供大家免费下载体验。

103

2023.07.17

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

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

195

2023.08.04

JavaScript ES6新特性
JavaScript ES6新特性

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

222

2025.12.24

js 字符串转数组
js 字符串转数组

js字符串转数组的方法:1、使用“split()”方法;2、使用“Array.from()”方法;3、使用for循环遍历;4、使用“Array.split()”方法。本专题为大家提供js字符串转数组的相关的文章、下载、课程内容,供大家免费下载体验。

298

2023.08.03

js截取字符串的方法
js截取字符串的方法

js截取字符串的方法有substring()方法、substr()方法、slice()方法、split()方法和slice()方法。本专题为大家提供字符串相关的文章、下载、课程内容,供大家免费下载体验。

212

2023.09.04

java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1501

2023.10.24

字符串介绍
字符串介绍

字符串是一种数据类型,它可以是任何文本,包括字母、数字、符号等。字符串可以由不同的字符组成,例如空格、标点符号、数字等。在编程中,字符串通常用引号括起来,如单引号、双引号或反引号。想了解更多字符串的相关内容,可以阅读本专题下面的文章。

624

2023.11.24

java读取文件转成字符串的方法
java读取文件转成字符串的方法

Java8引入了新的文件I/O API,使用java.nio.file.Files类读取文件内容更加方便。对于较旧版本的Java,可以使用java.io.FileReader和java.io.BufferedReader来读取文件。在这些方法中,你需要将文件路径替换为你的实际文件路径,并且可能需要处理可能的IOException异常。想了解更多java的相关内容,可以阅读本专题下面的文章。

633

2024.03.22

Golang 网络安全与加密实战
Golang 网络安全与加密实战

本专题系统讲解 Golang 在网络安全与加密技术中的应用,包括对称加密与非对称加密(AES、RSA)、哈希与数字签名、JWT身份认证、SSL/TLS 安全通信、常见网络攻击防范(如SQL注入、XSS、CSRF)及其防护措施。通过实战案例,帮助学习者掌握 如何使用 Go 语言保障网络通信的安全性,保护用户数据与隐私。

2

2026.01.29

热门下载

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

精品课程

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

共46课时 | 3.1万人学习

【web前端】Node.js快速入门
【web前端】Node.js快速入门

共16课时 | 2万人学习

Go语言实战之 GraphQL
Go语言实战之 GraphQL

共10课时 | 0.8万人学习

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

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