JavaScript工厂模式_对象创建方法-js教程-PHP中文网

JavaScript工厂模式_对象创建方法

紅蓮之龍

发布： 2025-11-27 19:36:50

原创

114人浏览过

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

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中是一种简单实用的对象创建方式，特别适合不需要复杂继承结构的项目。不复杂但容易忽略。

以上就是JavaScript工厂模式_对象创建方法的详细内容，更多请关注php中文网其它相关文章！