new关键字的执行过程

在使用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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值