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