new一个对象的过程是什么，手写代码表示

最新推荐文章于 2023-03-08 17:08:09 发布

沿着路走到底

最新推荐文章于 2023-03-08 17:08:09 发布

阅读量188

点赞数

分类专栏：面试题文章标签：前端

本文链接：https://blog.csdn.net/m0_38066007/article/details/124951051

版权

面试题专栏收录该内容

96 篇文章 13 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文探讨了使用new创建对象的过程，包括创建空对象、继承构造函数原型及执行构造函数。同时，对比了Object.create与使用花括号创建对象的区别，指出{}创建的对象原型默认指向Object.prototype，而Object.create则允许自定义原型对象。

摘要由CSDN通过智能技术生成

new 一个对象的过程

- 创建一个空对象 obj，继承构造函数的原型

- 执行构造函数（将 obj 作为 this）

- 返回 obj

/**
 * @description 实现 new
 */

export function customNew<T>(constructor: Function, ...args: any[]): T {
    // 1. 创建一个空对象，继承 constructor 的原型
    const obj = Object.create(constructor.prototype)
    // 2. 将 obj 作为 this ，执行 constructor ，传入参数
    constructor.apply(obj, args)
    // 3. 返回 obj
    return obj
}

class Foo {
    // 属性
    name: string
    city: string
    n: number

    constructor(name: string, n: number) {
        this.name = name
        this.city = '北京'
        this.n = n
    }

    getName() {
        return this.name
    }
}

const f = customNew<Foo>(Foo, '双越', 100)
co