手写new函数

最新推荐文章于 2025-02-18 16:14:44 发布

DF11G_0001

最新推荐文章于 2025-02-18 16:14:44 发布

阅读量433

点赞数

分类专栏： JavaScript学习笔记

本文链接：https://blog.youkuaiyun.com/DF11G_0001/article/details/111413275

版权

JavaScript学习笔记专栏收录该内容

6 篇文章

订阅专栏

博客介绍了new函数的本质过程，包括创建空对象、进行prototype绑定、执行构造函数并绑定this、返回对象，这些过程源自MDN官方文档，最后提到要进行代码实现。

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

new函数的本质有以下过程：

创建一个空对象
为空对象进行prototype绑定
执行构造函数的方法，并将this绑定到新创建的对象
返回构造函数返回的对象。如果构造函数没有显式返回，则返回第一步创建的对象。

以上过程来自于MDN官方文档

所以我们进行代码实现

function father(name) {
    this.name = name
    this.sayName = function () {
        console.log(this.name)
    }
}

function myNew(obj, ...etc) {
    // 新建一个对象
    let newObj = new Object()
    // 为对象连接原型
    newObj.__proto__ = obj.proptotype
    // 使用构造函数创建对象，并将this绑定到当前对象
    let res = obj.call(newObj, ...etc)
    // 如果构造函数有返回值，那么返回我们构造的对象。如果构造函数没有返回值，就返回最初新建的对象。
    return res instanceof Object ? res : newObj
}

let Faker = myNew(father, 'Faker')
Faker.sayName() // Faker