JavaScript 的 new 关键字在实例化对象时内部执行了哪些步骤？

创建空对象：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 指向刚刚创建的新对象。构造函数中的代码会为这个新对象添加属性或方法。

ViiTor实时翻译

AI实时多语言翻译专家！强大的语音识别、AR翻译功能。

116

查看详情

比如：

• this.name = name; 实际上是在给新对象设置 name 属性
• 这一步可能修改新对象的结构，增加自有属性

4. 返回新对象

除非构造函数显式返回一个非原始类型的对象（即对象、数组、函数等），否则 new 表达式默认返回刚创建并绑定 this 后的对象。

注意特殊情况：

• 如果构造函数 return 了一个对象，则 new 的结果就是那个对象
• 如果返回的是原始值（如字符串、数字），则忽略，仍返回新创建的对象

基本上就这些。new 关键字的背后逻辑清晰且可预测，理解它有助于掌握 JavaScript 的面向对象机制。

以上就是JavaScript 的 new 关键字在实例化对象时内部执行了哪些步骤？的详细内容，更多请关注php中文网其它相关文章！