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;

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM