【手写代码】new 操作符

本文详细介绍了如何通过手写代码创建一个用户自定义对象,包括创建空对象、设置原型、执行构造函数并根据返回值类型调整输出。适合理解JavaScript构造函数和原型链的开发者阅读。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

作用:

创建一个用户定义的实例对象或具有构造函数的内置对象的实例

实现步骤:

(1)创建了一个空对象

(2)设置原型,将对象的__ proto__属性指向构造函数的prototype属性

(3)让函数的 this 指向这个对象,执行构造函数的代码(为这个新对象添加属性)

(4)判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象。

手写代码:

function objectFactory() {
    // 准备:从参数列表中获取构造函数
    let constructor = Array.prototype.shift.call(arguments);
    // 判断参数是否是一个函数
    if (typeof constructor !== "function") {
      console.error("type error");
      return;
    }
    // 1-2. 新建一个空对象,对象的原型为构造函数的 prototype 对象
    let newObject = Object.create(constructor.prototype);
    // 3. 将 this 指向新建对象,并执行构造函数,返回结果
    let result = constructor.apply(newObject, arguments);
    // 4. 判断函数的返回值类型,如果是值类型,返回创建的对象。如果是引用类型,就返回这个引用类型的对象
    let flag = result && (typeof result === "object" || typeof result === "function");
    return flag ? result : newObject;
}
// 使用方法
objectFactory(构造函数, 初始化参数);

 

参考文章 🚗​​​​​​​​​​​​​​​​​​​​

高频前端面试-手写代码-CUGGZ

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值