当前位置：首页 > 文章列表 > 文章 > 前端 > 工厂模式与构造函数区别详解

工厂模式与构造函数区别详解

2026-05-21 19:06:17 0浏览收藏

工厂模式和构造函数虽都用于创建对象，但本质迥异：前者是普通函数，直接调用即可灵活返回任意结构的新对象，不依赖new、无视this，适合简单组装与动态场景；后者必须通过new调用，依靠this绑定实例属性与方法，天然支持instanceof类型检测、原型继承和内存优化，是构建可扩展、可继承对象体系的基石——理解二者在调用方式、this行为、类型识别和扩展能力上的核心差异，能帮你精准选择合适工具，避免常见陷阱（如忘写new导致的全局污染），并在现代JavaScript开发中合理搭配class、字面量或工厂逻辑，写出更健壮、可维护的代码。

如何在javascript中创建对象_工厂模式与构造函数有何不同？

工厂模式和构造函数都是创建对象的方式，但核心区别在于：工厂模式是普通函数，返回新对象；构造函数需用 new 调用，内部通过 this 绑定属性和方法，并隐式返回实例。

工厂模式：封装创建逻辑，不依赖 new

工厂函数本质是普通函数，接收参数，内部创建并返回一个新对象。它不修改 this，也不要求调用者使用 new，适合需要灵活返回不同类型对象的场景。

例如：

function createPerson(name, age) {
  return {
    name: name,
    age: age,
    greet() {
      return `Hello, I'm ${this.name}`;
    }
  };
}

const p1 = createPerson('Alice', 30); // ✅ 正常调用
const p2 = new createPerson('Bob', 25); // ❌ 无意义，不会报错但 this 指向错误

每次调用都生成全新对象，方法无法复用（每个实例都有独立的 greet 函数）
无法用 instanceof 判断类型（返回的是普通对象，没有构造器记录）
适合简单、一次性、多变结构的对象创建，比如配置项、API 响应数据转换

构造函数：定义实例模板，配合 new 使用

构造函数约定首字母大写，内部用 this 添加属性和方法，必须通过 new 调用，才能正确绑定实例上下文并返回新对象。

例如：

function Person(name, age) {
  this.name = name;
  this.age = age;
  this.greet = function() {
    return `Hello, I'm ${this.name}`;
  };
}

const p1 = new Person('Alice', 30); // ✅ 正确
const p2 = Person('Bob', 25);       // ❌ 错误：this 指向全局（非严格模式）或 undefined（严格模式）