JavaScript工厂模式_对象创建方法_技术教程

工厂模式是一种通过函数封装对象创建过程的设计模式，核心是提供一个能根据参数返回特定对象的“工厂函数”。它不依赖new和this，返回普通对象，简化创建流程、避免重复代码，并支持动态配置行为。例如createUser函数可批量生成用户对象，而createElement可根据类型参数生成按钮或文本等不同元素。相比构造函数或class，工厂模式更轻量，无需原型链，适合简单对象的集中化管理与扩展。通过共享外部方法还能优化内存使用，是JavaScript中实用且灵活的对象创建方案。

在JavaScript中，工厂模式是一种创建对象的设计模式，它通过一个函数来封装对象的创建过程，避免重复使用 new 操作符或字面量手动创建多个相似对象。这种方式让对象创建更灵活、可复用，适合需要批量生成结构相似对象的场景。

什么是工厂模式？

工厂模式的核心思想是：提供一个函数，该函数根据传入的参数返回一个具有特定结构和行为的对象，而不需要显式地使用构造函数或 class。这个函数就像一个“工厂”，负责生产对象。

工厂函数不依赖 this 或 new，返回的是一个普通对象，内部可以包含属性和方法。

优点：
- 简化对象创建过程
- 避免重复代码
- 支持动态配置对象行为
- 不涉及原型链，适合简单对象批量生成

基本实现方式

使用一个函数返回字面量对象，是最简单的工厂模式实现。

示例：创建用户对象

function createUser(name, age) {
  return {
    name: name,
    age: age,
    greet() {
      console.log(`你好，我是${this.name}`);
    }
  };
}
const user1 = createUser("小明", 25);
const user2 = createUser("小红", 23);
user1.greet(); // 输出：你好，我是小明
user2.greet(); // 输出：你好，我是小红

每次调用 createUser 都会生成一个新的独立对象，拥有自己的属性和共享的方法。

支持不同类型对象的工厂

工厂模式也可以根据参数创建不同类型的对象，适用于需要统一接口但行为不同的场景。

示例：创建不同类型的表单元素

function createElement(type, content) {
  if (type === "button") {
    return {
      type: "button",
      content: content,
      click() {
        console.log(`按钮被点击：${this.content}`);
      }
    };
  }
if (type === "text") {
return {
type: "text",
content: content,
render() {
return ${this.content};
}
};
}
throw new Error("不支持的类型");
}
const btn = createElement("button", "提交");
const txt = createElement("text", "这是文本");
btn.click();   // 输出：按钮被点击：提交
console.log(txt.render()); // 输出：这是文本

这种写法让对象创建集中管理，后续扩展新类型只需修改工厂函数逻辑。

与构造函数或类的区别

工厂模式不同于使用 new 构造函数或 class 的方式：

工厂函数不依赖 new 关键字
返回的对象没有共同的原型（除非手动指定）
更轻量，适合不需要继承或复杂原型链的场景
更容易实现私有变量（结合闭包）

如果需要共享方法并节省内存，可以将方法定义在外部，由工厂函数引用：

const userMethods = {
  greet() {
    console.log(`你好，我是${this.name}`);
  },
  haveBirthday() {
    this.age++;
  }
};
function createUser(name, age) {
return {
name,
age,
greet: userMethods.greet,
haveBirthday: userMethods.haveBirthday
};
}