new一个构造函数时做了那些事情
new做了那些事情?
1、创建一个空对象;
2、将空对象的原型,指向于构造函数的原型;
3、将空对象作为构造函数的上下文(改变this指向);
4、对有返回值的构造函数做判断处理
手写new函数
function Queue(name){
this.name = name;
//如果函数有返回值,则new的结果就是此函数return的结果
// return {
// a:'ooo'
// }
}
function myNew(context,...args){
//new操作符本身返回的是一个对象,所以先创建一个对象
const obj = Object.create({});
//将创建的对象的原型指向传递进来的构造函数的原型
obj.__proto__ = context.prototype;
//改变构造函数的this指向,将其改为obj,此时obj就有了构造函数身上的属性和方法
const result = context.apply(obj,args);
//此时如果构造函数本身有返回值,且是对象,则让让其返回本身的返回值,
//如过构造函数没有返回值,则result是undefind,则让其返回obj
return typeof result === 'object'? result:obj
}
//下面两个的打印结果是相同的,可见myNew函数实现了new的作用
console.log(myNew(Queue(),'wangzhi'))
const a = new Queue('wangzhi')
console.log(a)