02 手写 new 的过程

New 关键字

手写一个New 关键字,一个简单的版本

function myNew(fn, ...args) {
    // 创建一个对象
    const obj = {}
	// 修改原型指向
    obj.__proto__ = fn.prototype
	// 调用构造函数,修改this指向新创建的对象
    fn.apply(obj, args)
	// 返回新对象
    return obj
}

另一个比比较全一点的版本

function _new(constructor, ...args) {
    // 构造函数类型合法判断
    if(typeof constructor !== 'function') {
      throw new Error('constructor must be a function');
    }
    // 新建空对象实例
    let obj = new Object();
    // 将构造函数的原型绑定到新创的对象实例上
    obj.__proto__ = Object.create(constructor.prototype);
    // 调用构造函数并判断返回值
    let res = constructor.apply(obj,  args);
    let isObject = typeof res === 'object' && res !== null;
    let isFunction = typeof res === 'function';
    // 如果有返回值且返回值是对象类型,那么就将它作为返回值,否则就返回之前新建的对象
    return isObject || isFunction ? res : obj;
};

参考:

https://juejin.cn/post/6844903704663949325#heading-7

https://juejin.cn/post/6844903582790057998

https://juejin.cn/post/6994000994300330021

https://juejin.cn/post/7023906112843808804

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值