17370845950

Javascript如何实现工厂模式_如何简化对象创建?
工厂模式用函数封装对象创建逻辑,提供统一入口隐藏构造细节:基础工厂创建同类型对象,参数化工厂支持多类型分支,结合构造函数的工厂兼顾复用与封装,简单场景无需过度设计。

工厂模式用函数封装对象创建逻辑,让调用方不用关心具体构造过程,只管传参拿实例。

基础工厂函数:统一创建同类型对象

适合生成结构相似、仅属性值不同的对象。比如创建不同配置的用户或请求选项。

  • 定义一个函数,接收初始化参数
  • 内部用字面量或构造函数创建对象
  • 返回新对象,不暴露 new 或原型细节

例如:

function createUser(name, role) {
  return {
    name,
    role,
    createdAt: new Date(),
    isActive: true
  };
}

调用时直接 createUser('张三', 'admin'),无需知道对象内部怎么组织。

参数化工厂:支持多种对象类型

当需要根据类型返回不同结构的对象(如不同形状、不同 API 客户端),可在工厂中加判断分支。

  • 用 switch 或 if 判断类型标识
  • 每种分支返回对应结构的对象或实例
  • 保持接口一致:输入参数明确,输出可预期

例如:

function createShape(type, options) {
  switch (type) {
    case 'circle':
      return { type, radius: options.radius };
    case 'rect':
      return { type, width: options.width, height: options.height };
    default:
      throw new Error('Unknown shape type');
  }
}

结合构造函数的工厂:兼顾复用与封装

若对象需共享方法或继承行为,可用工厂函数调用构造函数,避免每次手动 new。

  • 把 new 操作收进工厂,控制实例化时机和参数预处理
  • 可对入参校验、默认值填充、日志记录等
  • 外部仍只看到“创建”动作,不耦合具体类名

例如:

class ApiClient {
  constructor(baseUrl, timeout = 5000) {
    this.baseUrl = baseUrl;
    this.timeout = timeout;
  }
}

function createApiClient(config) {
  const { url, timeout = 3000 } = config;
  return new ApiClient(url, timeout);
}

避免过度设计:何时不用工厂?

不是所有对象创建都需要工厂。简单字面量、单例、或仅一处使用的对象,直接写更清晰。

  • 对象结构固定且无变化逻辑 → 用字面量
  • 全局唯一配置 → 用模块导出对象
  • 类已足够清晰,new 调用明确 → 可不包一层

工厂的价值在于**隐藏复杂性、统一入口、便于后期替换实现**,不是为了套模式而用。