JavaScript中new关键字实例化对象的完整流程解析

JavaScript new关键字实例化流程

在JavaScript中，使用new关键字调用构造函数（例如 new ClassA(...)）时，引擎会执行一系列特定的内部操作来创建对象。

第一步是创建一个全新的空对象。

第二步是将这个新创建的对象作为函数执行时的上下文，使得构造函数内部的this关键字指向这个新实例。

具体表现为调用 {}.构造函数()，此时函数体内的this指向该空对象。

第三步是建立原型链关系：将新对象的constructor属性设置为构造函数的名称，同时将该对象的__proto__属性指向构造函数的prototype对象，从而确立继承关系。

第四步是将初始化完成的新对象引用赋值给等号左侧的变量，完成实例的保存。

需要特别注意构造函数的返回值行为：如果构造函数没有显式return语句，或者返回的是基本数据类型（如Number、String、Boolean），则new表达式最终返回的是新创建的实例对象；如果构造函数返回的是一个引用类型（如对象、数组、函数），则new表达式将忽略新创建的实例，直接返回该引用类型的值。

var foo = "bar";
function test () {
 this.foo = "foo";
}
new test();  　　　　　　　　//test中的this指新对象，并未改变全局的foo属性
console.log(this.foo);  // "bar"
console.log(new testThis().foo); // "foo";new和属性访问.运算符优先级相通，从左往右执行

以上分析基于对JavaScript运行机制的理解，若存在理解偏差，欢迎指正。

希望本文对读者学习JavaScript对象创建机制有所帮助，欢迎支持。