JavaScript中new操作符是通过构造函数来创建一个实例对象。
而使用new的方式创建一个实例对象,经历了四个步骤:
创建一个空的对象
将新对象的对象原型,指向构造函数的原型对象即__proto__ = f.prototype
this指向
返回对象
具体实习一个new的过程如下:
function myNew(constructor, ...args) {
//创建空对象,并且改变原型指向
let obj = Object.create(constructor.prototype);
//绑定this
let res = constructor.apply(obj, args);
//return,需要判断,如果k是Object,就返回k,不然就返回obj,隐式绑定和隐式返回的原理
if(res instanceof Object){
return res;
}else{
return obj;
}
}
这里有几个地方需要注意:
1.这里使用的是Object.create(),等价于obj.__proto__ = func.prototype,但本身是有区别的,在ES6中不推荐后面这种方式。
2.最后返回结果时,需要判断一下,基本类型不返回,只有对象类型才会返回,想详细了解可以具体看一下隐式绑定和隐式返回原理
//测试
function User(name) {
this.name = name;
}
let ls = myNew(User, 'giao');
// giao
console.log(ls.name);
有不足欢迎补充~
————————————————
版权声明:本文为CSDN博主「前端coderLee」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_36916104/article/details/121409322