在开发过程中,我们经常会使用到new关键字,那么在我们使用new关键字的时候,new到底做了什么事呢?
在MDN中有这样一段话:
知道了new所做的事情,我们就可以根据这些步骤自己来实现一个new的功能啦!
function _new(constructer, ...arg){
//1、创建一个空对象
let obj = {};
//2、链接到原型,这样新对象就可以访问原型上的属性和方法
obj.__proto__ = constructer.prototype;
//3、将将步骤1新创建的对象作为this的上下文
let result = constructer.call(obj, ...arg);
//4、如果该函数没有返回对象(即result不是一个对象),则返回this(即obj)
return typeof result ==="object" ? result : obj;
}
接下来看下自己实现的new方法的效果:
function Persion(name, age) {
this.name = name;
this.age = age;
}
let persion1 = _new(Persion, "tangchan", 18);
let persion2 = _new(Persion, "tc", 20);
console.log(persion1.name); //tangchan
console.log(persion2.name); //tc
console.log(persion1 instanceof Persion); //true
console.log(persion2 instanceof Persion); //true