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

工厂模式和构造函数都是创建对象的方式,但核心区别在于:工厂模式是普通函数,返回新对象;构造函数需用 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(严格模式)
- 支持 instanceof(
p1 instanceof Person === true) - 可通过原型(Person.prototype)共享方法,节省内存
- 若忘记 new,容易引发静默错误(如污染全局对象),可用 new.target 防御
关键差异总结
- 调用方式:工厂函数直接调用;构造函数必须加 new
- this 行为:工厂函数中 this 无关紧要;构造函数中 this 指向新实例
- 类型识别:工厂返回对象无构造器痕迹;构造函数实例保留 constructor 和 instanceof 能力
- 扩展性:构造函数天然支持原型继承;工厂模式需手动处理共享行为(如闭包缓存、外部对象挂载)
现代替代建议
ES6 后,更推荐用 class(语法糖,底层仍是构造函数)或简洁的字面量/ Object.assign / Object.create 实现类似工厂逻辑。若需类型语义和继承能力,优先选 class;若只需轻量、无类型约束的对象组装,工厂函数依然清晰实用。
终于介绍完啦!小伙伴们,这篇关于《工厂模式与构造函数区别详解》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!
精简Prompt降费用,优化Perplexity API调用
- 上一篇
- 精简Prompt降费用,优化Perplexity API调用
- 下一篇
- HTML下拉刷新能更新数据吗?
查看更多
最新文章
-
- 文章 · 前端 | 3分钟前 |
- 手动分段清理数组避免性能问题
- 400浏览 收藏
-
- 文章 · 前端 | 3分钟前 |
- JavaScript按唯一键分组累加数组教程
- 192浏览 收藏
-
- 文章 · 前端 | 14分钟前 |
- 数据流背压机制应对高负载任务解析
- 171浏览 收藏
-
- 文章 · 前端 | 19分钟前 |
- HTML表单分组优化技巧\_fieldset样式调整方法
- 292浏览 收藏

