1.new操作符做了什么

new 运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。new 关键字会进行如下的操作:

创建一个空的简单JavaScript对象(即{});

链接该对象(即设置该对象的构造函数)到另一个对象 ;

将步骤1新创建的对象作为this的上下文 ;

如果该函数没有返回对象,则返回this。

2.简单实现

function create(Con, ...args){
// 创建一个空的对象
let obj = Object.create(null);
// 将空对象指向构造函数的原型链
Object.setPrototypeOf(obj, Con.prototype);
// obj绑定到构造函数上,便可以访问构造函数中的属性,即obj.Con(args)
let result = Con.apply(obj, args);
// 如果返回的result是一个对象则返回
// new方法失效,否则返回obj
return result instanceof Object ? result : obj;
}

// 测试
function company(name, address) {
this.name = name;
this.address = address;
}

var company1 = create(company, 'yideng', 'beijing');
console.log('company1: ', company1);


作者:Vam的金豆之路

主要领域:前端开发

微信公众号:前端历劫之路

JS中new操作符做了什么?_构造函数