JavaScript中new操作符是通过构造函数来创建一个实例对象。

JavaScript中new操作符是通过构造函数来创建一个实例对象。

而使用new的方式创建一个实例对象,经历了四个步骤:

创建一个空的对象
将新对象的对象原型,指向构造函数的原型对象即__proto__ = f.prototype
this指向
返回对象
具体实习一个new的过程如下:

  function myNew(constructor, ...args) {
    //创建空对象,并且改变原型指向
    let obj = Object.create(constructor.prototype);
    
    //绑定this
    let res = constructor.apply(obj, args);
    
    //return,需要判断,如果k是Object,就返回k,不然就返回obj,隐式绑定和隐式返回的原理
    if(res instanceof Object){
      return res;
    }else{
      return obj;
    }
  }
这里有几个地方需要注意:

1.这里使用的是Object.create(),等价于obj.__proto__ = func.prototype,但本身是有区别的,在ES6中不推荐后面这种方式。

2.最后返回结果时,需要判断一下,基本类型不返回,只有对象类型才会返回,想详细了解可以具体看一下隐式绑定和隐式返回原理

  //测试
  function User(name) {
    this.name = name;
  }
 
  let ls = myNew(User, 'giao');
  // giao
  console.log(ls.name);
有不足欢迎补充~
————————————————
版权声明:本文为CSDN博主「前端coderLee」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/qq_36916104/article/details/121409322

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值