javascript中的设计模式有哪些_如何应用单例模式或工厂模式-js教程-PHP中文网

javascript中的设计模式有哪些_如何应用单例模式或工厂模式

紅蓮之龍

发布： 2025-12-18 23:18:08

原创

972人浏览过

JavaScript常用设计模式包括单例、工厂、观察者等，其中单例确保全局唯一实例，适用于配置管理、日志等场景；工厂封装创建逻辑，用于按条件生成不同对象，二者依需求本质选择。

javascript中的设计模式有哪些_如何应用单例模式或工厂模式

JavaScript 中常用的设计模式有单例模式、工厂模式、观察者模式、发布-订阅模式、代理模式、装饰器模式、策略模式、状态模式、适配器模式、迭代器模式等。其中单例和工厂模式最基础也最常用，适合解决对象创建和复用问题。

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

单例的核心是“全局唯一”和“延迟创建”。它常用于配置管理、日志记录、弹窗管理、状态存储等需要统一入口的场景。

用闭包或静态属性控制实例生成，首次调用时创建，后续直接返回已有实例
避免使用全局变量，封装在模块或类中更安全
注意：ES6 class 本身不支持私有构造器，需靠逻辑限制（如内部标记 + 构造器拦截）

示例（函数式单例）：

const Logger = (function() {
  let instance;
  function create() {
    return {
      log: (msg) => console.log(`[LOG] ${new Date().toISOString()}: ${msg}`)
    };
  }
  return {
    getInstance: () => {
      if (!instance) instance = create();
      return instance;
    }
  };
})();

// 使用
const logger1 = Logger.getInstance();
const logger2 = Logger.getInstance();
console.log(logger1 === logger2); // true

登录后复制

工厂模式：把对象创建逻辑集中封装

工厂模式用于解耦“谁来创建对象”和“谁来使用对象”，尤其适合创建多种相似类型（如不同形状、支付方式、UI组件）的场景。

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

《PHP设计模式指南》中文版

《PHP设计模式》首先介绍了设计模式，讲述了设计模式的使用及重要性，并且详细说明了应用设计模式的场合。接下来，本书通过代码示例介绍了许多设计模式。最后，本书通过全面深入的案例分析说明了如何使用设计模式来计划新的应用程序，如何采用PHP语言编写这些模式，以及如何使用书中介绍的设计模式修正和重构已有的代码块。作者采用专业的、便于使用的格式来介绍相关的概念，自学成才的编程人员与经过更多正规培训的编程人员

341

查看详情

简单工厂：一个函数根据参数返回不同对象（非严格设计模式，但实用）
工厂方法：由子类决定实例化哪个类（需结合类继承）
抽象工厂：创建对象族（如一套主题下的按钮+输入框+下拉框）

示例（简单工厂）：

class Button {
  constructor(type) {
    this.type = type;
  }
}

class Dialog {
  constructor(theme) {
    this.theme = theme;
  }
}

// 工厂函数
function createUIElement(type, config) {
  switch (type.toLowerCase()) {
    case 'button': return new Button(config.style || 'default');
    case 'dialog': return new Dialog(config.theme || 'light');
    default: throw new Error(`Unknown UI type: ${type}`);
  }
}

// 使用
const btn = createUIElement('button', { style: 'primary' });
const dlg = createUIElement('dialog', { theme: 'dark' });

登录后复制