创建空对象:JavaScript 创建一个空的普通对象;2. 设置原型:新对象的 [[Prototype]] 指向构造函数的 prototype;3. 绑定 this 并执行构造函数:构造函数内部的 this 指向新对象,为其添加属性和方法;4. 返回对象:默认返回新对象,若构造函数显式返回非原始值对象,则返回该对象。

当使用 new 关键字调用构造函数创建对象时,JavaScript 引擎会自动执行一系列内部步骤。这些步骤确保新对象被正确初始化,并与构造函数及其原型建立正确的连接。
1. 创建一个全新的空对象
JavaScript 首先创建一个全新的、普通的空对象(即 {}),这个对象没有任何自有属性,但它已经有了一个内部的 [[Prototype]] 指向后续要设置的原型。
2. 设置新对象的原型(__proto__)
新创建的对象的内部 [[Prototype]](在浏览器中通常表现为 __proto__)会被指向构造函数的 prototype 属性。这意味着新对象可以访问构造函数 prototype 上定义的方法和属性。
例如:
立即学习“Java免费学习笔记(深入)”;
如果构造函数是 function Person() {} 且 Person.prototype.sayHello = function() {...} 那么通过 new Person() 创建的对象就能调用 sayHello 方法
3. 将构造函数的 this 绑定到新对象并执行构造函数体
构造函数会被调用,且其内部的 this 指向刚刚创建的新对象。构造函数中的代码会为这个新对象添加属性或方法。
比如:
this.name = name; 实际上是在给新对象设置 name 属性 这一步可能修改新对象的结构,增加自有属性
4. 返回新对象
除非构造函数显式返回一个非原始类型的对象(即对象、数组、函数等),否则 new 表达式默认返回刚创建并绑定 this 后的对象。
注意特殊情况:
如果构造函数 return 了一个对象,则 new 的结果就是那个对象 如果返回的是原始值(如字符串、数字),则忽略,仍返回新创建的对象
基本上就这些。new 关键字的背后逻辑清晰且可预测,理解它有助于掌握 JavaScript 的面向对象机制。
以上就是JavaScript 的 new 关键字在实例化对象时内部执行了哪些步骤?的详细内容,更多请关注创想鸟其它相关文章!
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1528810.html
微信扫一扫
支付宝扫一扫