工厂模式是一种通过函数封装对象创建过程的设计模式，核心是提供一个能根据参数返回特定对象的“工厂函数”。它不依赖new和this，返回普通对象，简化创建流程、避免重复代码，并支持动态配置行为。例如createUser函数可批量生成用户对象，而createElement可根据类型参数生成按钮或文本等不同元素。相比构造函数或class，工厂模式更轻量，无需原型链，适合简单对象的集中化管理与扩展。通过共享外部方法还能优化内存使用，是JavaScript中实用且灵活的对象创建方案。
在JavaScript中，工厂模式是一种创建对象的设计模式，它通过一个函数来封装对象的创建过程，避免重复使用 new 操作符或字面量手动创建多个相似对象。这种方式让对象创建更灵活、可复用，适合需要批量生成结构相似对象的场景。
什么是工厂模式？
工厂模式的核心思想是：提供一个函数，该函数根据传入的参数返回一个具有特定结构和行为的对象，而不需要显式地使用构造函数或 class。这个函数就像一个“工厂”，负责生产对象。
工厂函数不依赖 this 或 new，返回的是一个普通对象，内部可以包含属性和方法。
立即学习“Java免费学习笔记（深入）”；
优点：
- 简化对象创建过程
- 避免重复代码
- 支持动态配置对象行为
- 不涉及原型链，适合简单对象批量生成
基本实现方式
使用一个函数返回字面量对象，是最简单的工厂模式实现。
示例：创建用户对象
function createUser(name, age) {
return {
name: name,
age: age,
greet() {
console.log(`你好，我是${this.name}`);
}
};
}
<p>const user1 = createUser("小明", 25);
const user2 = createUser("小红", 23);</p><p>user1.greet(); // 输出：你好，我是小明
user2.greet(); // 输出：你好，我是小红</p>每次调用 createUser 都会生成一个新的独立对象，拥有自己的属性和共享的方法。
支持不同类型对象的工厂
工厂模式也可以根据参数创建不同类型的对象，适用于需要统一接口但行为不同的场景。
示例：创建不同类型的表单元素
function createElement(type, content) {
if (type === "button") {
return {
type: "button",
content: content,
click() {
console.log(`按钮被点击：${this.content}`);
}
};
}
<p>if (type === "text") {
return {
type: "text",
content: content,
render() {
return <code><span>${this.content}</span></code>;
}
};
}</p><p>throw new Error("不支持的类型");
}</p><p>const btn = createElement("button", "提交");
const txt = createElement("text", "这是文本");</p><p>btn.click(); // 输出：按钮被点击：提交
console.log(txt.render()); // 输出：<span>这是文本</span></p>这种写法让对象创建集中管理，后续扩展新类型只需修改工厂函数逻辑。
与构造函数或类的区别
工厂模式不同于使用 new 构造函数或 class 的方式：
- 工厂函数不依赖 new 关键字
- 返回的对象没有共同的原型（除非手动指定）
- 更轻量，适合不需要继承或复杂原型链的场景
- 更容易实现私有变量（结合闭包）
如果需要共享方法并节省内存，可以将方法定义在外部，由工厂函数引用：
const userMethods = {
greet() {
console.log(`你好，我是${this.name}`);
},
haveBirthday() {
this.age++;
}
};
<p>function createUser(name, age) {
return {
name,
age,
greet: userMethods.greet,
haveBirthday: userMethods.haveBirthday
};
}</p>这样所有创建的对象都共享同一套方法，减少内存占用。
基本上就这些。工厂模式在JavaScript中是一种简单实用的对象创建方式，特别适合不需要复杂继承结构的项目。不复杂但容易忽略。
