深入解析 constructor 属性与原型对象的关系

舞夢輝影

舞夢輝影

2026-06-16

583人浏览

原创

constructor 是原型对象与构造函数双向绑定的关键,指向构造函数自身;重写 prototype 会丢失该属性,需手动修复;它支持通过实例调用创建同类新对象,但比 instanceof 更易被篡改而失效。

深入解析 constructor 属性与原型对象的关系

constructor 属性不是“附带的标签”,而是原型对象与构造函数之间双向绑定关系的关键纽带。它既反映对象的来源,也参与实例化逻辑,但容易在原型操作中被意外切断。

constructor 指向谁?不是看对象,而是看原型对象

每个函数(包括构造函数)创建时,其 prototype 属性会自动获得一个 constructor 属性,且该属性默认指向函数自身

  • function Person() {}Person.prototype.constructor === Persontrue
  • new Person() 创建的实例(如 const p = new Person()),其 p.constructor 并非直接写死,而是通过原型链向上查找到 Person.prototype.constructor 得到的
  • 所以:实例没有自己的 constructor,它继承自原型对象;真正决定 constructor 值的,是构造函数的 prototype 对象中的那个属性

重写 prototype 时,constructor 会“丢失”

当用字面量方式整体替换原型对象(比如 MyClass.prototype = { method() {} }),新对象是普通对象,它的 constructor 默认指向 Object,不再关联原构造函数:

使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件

如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Andr​​oid友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Andr​​oid应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更

下载
  • MyClass.prototype = { say() { } };MyClass.prototype.constructor === Object(✅ 实际结果)
  • 后续创建的实例 new MyClass(),其 .constructor 也会变成 Object,导致类型识别和 instanceof 判断失准
  • 修复方法:手动补回 constructorMyClass.prototype = { constructor: MyClass, say() { } }; 或更稳妥地:MyClass.prototype.constructor = MyClass;

constructor 不只是“读取用”,还能用于创建新实例

因为 obj.constructor 指向的是构造函数,所以可直接调用它来生成同类新对象:

  • const p1 = new Person('Alice');const p2 = new p1.constructor('Bob'); 是合法且常见的模式
  • 这在工厂函数、克隆逻辑、或泛型工具方法中很有用,比如:function clone(obj) { return new obj.constructor(...getArgs(obj)); }
  • ⚠️ 注意:若 constructor 被篡改或指向错误函数(如被覆盖为 Object),这种用法将失效甚至出错

constructor 与 instanceof 的协作与差异

两者都用于类型判断,但机制不同:

  • obj instanceof Constructor 检查的是 obj.__proto__ 链是否包含 Constructor.prototype
  • obj.constructor === Constructor 只比对原型对象上的 constructor 属性值,不涉及整条原型链
  • 因此:instanceof 更健壮(支持继承链),而 .constructor 更直接但也更脆弱(易被覆盖)
  • 例如:若子类未修正 Child.prototype.constructor,则 new Child().__proto__.constructor 仍指向父类,但 new Child() instanceof Child 仍为 true

相关专题

更多
Qt Creator按钮响应设置方法
Qt Creator按钮响应设置方法

信号槽是 Qt 开发的核心机制。本专题整理 Qt Creator 中按钮点击、菜单触发、输入变化、窗口事件、自定义信号、自动连接槽函数和手动 connect 写法,帮助用户理解界面控件如何和 C++ 代码联动。

2026.08.05

0

10

Qt Creator新建项目使用教程
Qt Creator新建项目使用教程

本专题整理 Qt Creator 新建项目、打开已有工程、项目模板选择、目录结构、源文件管理、构建目录、运行配置和项目迁移方法,重点解决新手不知道选 qmake 还是 CMake、项目打不开、文件不参与编译等常见问题。

2026.08.05

0

10

maven常用插件使用大全
maven常用插件使用大全

PHP中文网精心整理Maven主流插件用法合集,涵盖编译、测试、打包等常用插件使用大全。从基础配置到进阶实战,详细解析各插件功能与适用场景,助你轻松掌握Maven自动化构建,解决Java项目开发痛点,是开发者必备的实用指南。

2026.08.05

0

31

PyCharm快速入门指南
PyCharm快速入门指南

本专题汇总了PyCharm快速入门的全套指南与教程,涵盖从官网下载安装、创建第一个Python项目、配置虚拟环境,到代码编辑、运行调试等基础操作,并整理了版本控制(Git)集成、常用高效快捷键及实用插件等进阶技巧,助你快速上手这款高效的Python IDE。

2026.08.05

2

17

PyCharm运行程序教程大全
PyCharm运行程序教程大全

本专题汇总了PyCharm运行程序的多种方式与详细操作步骤,涵盖通过主菜单Run、点击工具栏绿色三角图标、使用快捷键Shift+F10(或Ctrl+Shift+F10)等基本运行方法,以及配置运行/调试参数、设置PYTHONPATH环境变量、管理多脚本运行与交互式Python控制台调试等进阶技巧,助您全面掌握在PyCharm中高效运行与管理Python程序的方法。

2026.08.05

0

14

Maven零基础入门教程
Maven零基础入门教程

本合集由PHP中文网精心整理,提供Maven零基础入门到完整使用的保姆级教程。内容涵盖环境安装、核心配置、仓库管理及项目构建等核心知识点。通过详细步骤解析与代码示例,助你快速掌握Maven的依赖管理与自动化构建,轻松解决Java项目中的各种痛点,是新手入门与进阶的必备指南。

2026.08.05

2

18

Maven安装及配置教程
Maven安装及配置教程

本合集由PHP中文网精心整理,提供Maven安装配置与环境配置详情指南。内容涵盖Maven下载、解压安装、环境变量配置、阿里云镜像加速及本地仓库修改等全流程。教程通俗易懂,帮助开发者轻松解决依赖管理难题,快速掌握Maven核心构建技能,是Java开发者的必备实战指南。

2026.08.05

2

24

Selenium WebDriver元素定位与页面操作教程
Selenium WebDriver元素定位与页面操作教程

本专题整理Selenium WebDriver元素定位、XPath、CSS Selector、等待机制、窗口切换、Frame处理、Alert弹窗、Cookie操作和文件上传等核心用法。

2026.08.05

8

26

Selenium Grid分布式测试与并行执行教程
Selenium Grid分布式测试与并行执行教程

本专题整理Selenium Grid架构、远程WebDriver、并行测试、Docker部署、Kubernetes动态Grid、浏览器矩阵和测试环境扩展方法,适合进阶自动化测试团队使用。

2026.08.05

4

18

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 11.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.1万人学习