JavaScript中的设计模式：单例模式与工厂模式_javascript设计模式-js教程-PHP中文网

JavaScript中的设计模式：单例模式与工厂模式_javascript设计模式

betcha

发布： 2025-11-18 19:58:39

原创

521人浏览过

单例模式确保类仅有一个实例，通过闭包和静态方法实现；工厂模式解耦对象创建与使用，通过参数决定返回的具体对象类型。两者结合提升代码可维护性与扩展性。

javascript中的设计模式：单例模式与工厂模式_javascript设计模式

在JavaScript开发中，设计模式是解决常见问题的可复用方案。其中，单例模式和工厂模式应用广泛，能有效提升代码的可维护性和扩展性。下面分别介绍这两种模式的核心思想与实现方式。

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

单例模式的核心是保证在整个应用中，某个类仅被实例化一次。这种模式适用于需要全局唯一对象的场景，比如配置管理、日志记录器或数据库连接池。

JavaScript中没有类的私有构造函数，但可以通过闭包和静态属性模拟实现单例。

使用闭包封装实例，防止外部直接访问
通过静态方法控制实例的创建与获取
判断实例是否存在，若存在则返回已有实例

示例代码：

立即学习“Java免费学习笔记（深入）”；

<pre class="brush:php;toolbar:false;">const Singleton = (function () {
  let instance;

  function createInstance() {
    return { name: 'Singleton Instance' };
  }

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

// 使用
const obj1 = Singleton.getInstance();
const obj2 = Singleton.getInstance();
console.log(obj1 === obj2); // true

登录后复制

工厂模式：解耦对象创建与使用

工厂模式用于集中创建对象，将具体实例化的逻辑封装在工厂函数中。调用者无需关心对象的构造细节，只需提供类型标识即可获得所需对象。

电子手机配件网站源码1.0

电子手机配件网站源码是一个响应式的织梦网站模板，软件兼容主流浏览器，且可以在PC端和手机端中进行浏览。模板包含安装说明，并包含测试数据。本模板基于DEDECms 5.7 UTF-8设计，需要GBK版本的请自己转换。模板安装方法：1、下载最新的织梦dedecms5.7 UTF-8版本。2、解压下载的织梦安装包，得到docs和uploads两个文件夹，请将uploads里面的所有文件和文件夹上传到你的

查看详情

这种模式适合处理具有相似结构但行为不同的对象，比如不同类型的用户界面组件或消息通知方式。

定义统一接口，各类对象遵循相同的方法结构
工厂函数根据参数决定返回哪种具体实现
新增类型时只需扩展工厂逻辑，不修改原有调用代码

示例代码：

立即学习“Java免费学习笔记（深入）”；

<pre class="brush:php;toolbar:false;">function Dog(name) {
  this.name = name;
  this.sound = '汪汪';
}

function Cat(name) {
  this.name = name;
  this.sound = '喵喵';
}

function AnimalFactory(type, name) {
  switch (type) {
    case 'dog':
      return new Dog(name);
    case 'cat':
      return new Cat(name);
    default:
      throw new Error('未知类型');
  }
}

// 使用
const pet1 = AnimalFactory('dog', '旺财');
const pet2 = AnimalFactory('cat', '咪咪');
console.log(pet1.sound); // 汪汪
console.log(pet2.sound); // 喵喵

登录后复制

单例模式控制实例数量，工厂模式简化对象创建。两者结合使用，可以在复杂应用中更好地组织代码结构。基本上就这些，理解它们的关键在于掌握“何时用”和“怎么用”。

以上就是JavaScript中的设计模式：单例模式与工厂模式_javascript设计模式的详细内容，更多请关注php中文网其它相关文章！