js的new操作符到底做了什么?

1、创建了一个空的js对象(即{})

2、将空对象的原型prototype指向构造函数的原型

3、将空对象作为构造函数的上下文(改变this指向)

4、对构造函数有返回值的判断

 

function create(Con,...args){
    //1、创建一个空的对象
    let obj = {}; // let obj = Object.create({});
    //2、将空对象的原型prototype指向构造函数的原型
    Object.setPrototypeOf(obj,Con.prototype); // obj.__proto__ = Con.prototype
    //3、改变构造函数的上下文(this),并将剩余的参数传入
    let result = Con.apply(obj,args);
    //4、在构造函数有返回值的情况进行判断
    return result instanceof Object?result:obj;
}

在new的时候,会对构造函数的返回值做一些判断:

1、如果返回值是基础数据类型,则忽略返回值;

2、如果返回值是引用数据类型,则使用return 的返回,也就是new操作符无效;

 

1.var obj= {},创建了一个空对象obj{},也就是开辟了一块内存地址,新建了一个对象实例(我是这样认为的,如果有不对的欢迎指出);

2.obj.__proto__ = Person.prototype; 将 lisi 这个空对象的__proto__指向Person的prototype,也就是设置原型链;

3.var result = Person.call(obj),改变this的指向,让this指向obj对象;

4.判断Person的返回值类型,如果是引用类型,则返回这个引用类型的对象,如果是普通值类型,就返回obj;

 

 
posted @ 2021-11-04 16:11  果果1024  阅读(938)  评论(0)    收藏  举报