登录
首页 >  文章 >  前端

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

时间:2026-05-21 19:06:17 160浏览 收藏

工厂模式和构造函数虽都用于创建对象,但本质迥异:前者是普通函数,直接调用即可灵活返回任意结构的新对象,不依赖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(严格模式)
  • 支持 instanceofp1 instanceof Person === true
  • 可通过原型(Person.prototype)共享方法,节省内存
  • 若忘记 new,容易引发静默错误(如污染全局对象),可用 new.target 防御

关键差异总结

  • 调用方式:工厂函数直接调用;构造函数必须加 new
  • this 行为:工厂函数中 this 无关紧要;构造函数中 this 指向新实例
  • 类型识别:工厂返回对象无构造器痕迹;构造函数实例保留 constructorinstanceof 能力
  • 扩展性:构造函数天然支持原型继承;工厂模式需手动处理共享行为(如闭包缓存、外部对象挂载)

现代替代建议

ES6 后,更推荐用 class(语法糖,底层仍是构造函数)或简洁的字面量/ Object.assign / Object.create 实现类似工厂逻辑。若需类型语义和继承能力,优先选 class;若只需轻量、无类型约束的对象组装,工厂函数依然清晰实用。

终于介绍完啦!小伙伴们,这篇关于《工厂模式与构造函数区别详解》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!

资料下载
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>