new关键字的执行过程

    科技2026-08-12  11

    在使用JavaScript开发过程中,经常会用到new关键字,从字面意思来看,就是新建一个对象,那么在我们看不见的数据之间的操作到底发生了什么呢?使用new的这个过程执行了哪些操作?

    function Person(name) { this.name = name; } var zhangsan = new Person('张三');

    上述代码中new了一个Person,这其中的过程如下:

    第一步:创建一个空对象object,let obj = new Object()—创建对象新对象,就是指在栈内新建了一个obj,这个obj实际上是指的堆中对应的一个地址。

    第二步:设置原型链—这里所说原型链,就是设置新建对象obj的隐式原型即_proto_属性指向构造函数Person的显示原型prototype对象,即

    obj.proto = Person.prototype

    第三步:改变构造函数Person的this绑定到新对象obj,并且利用call()或者是apply()来执行构造函数Person

    var result = Person.call(obj)

    第四步:将第三步中初始化完成后的对象地址,保存到新对象中,同时要判断构造函数Person的返回值类型,为什么要判断值类型呢?因为如果构造函数中返回this或者是基本数据类型(number数值,string字符串,Boolean布尔,null,undefined)的值时,这个时候则返回新的实例对象,如果构造函数返回的值是引用类型的,则返回的值是引用类型

    这里需要注意一点的就是js中的构造函数,是不需要返回值的,所以会默认返回一个新创建的空对象obj

    Processed: 0.013, SQL: 9