JS如何手写new（一看就懂）

Linooc

于 2022-05-07 10:36:24 发布

阅读量5.8k

点赞数 8

CC 4.0 BY-SA版权

分类专栏： Javascript深入文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/weixin_44206947/article/details/124625583

Javascript深入专栏收录该内容

1 篇文章

订阅专栏

这篇博客详细介绍了如何手写JavaScript中的new操作符，通过四个步骤：创建新对象、设置原型、改变this指向并执行构造函数、判断返回结果，来模拟new的功能。示例中展示了如何使用myNew函数替代new关键字实例化一个对象One。

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

如以下构造函数,使用new关键字：

function One(name, age) {
    this.name = name;
    this.age = age;
}
let a = new One();
console.log(a);

手写new，分四步骤，直接贴代码：



//Fun为构造函数, args表示传参
function myNew(Fun, ...args) {
    // 1.在内存中创建一个新对象
    let obj = {};
    
    // 2.把新对象的原型指针指向构造函数的原型属性
    obj.__proto__ = Fun.prototype;
    
    // 3.改变this指向，并且执行构造函数内部的代码（传参）
    let res = Fun.apply(obj, args);
    
    // 4.判断函数执行结果的类型
    if (res instanceof Object) {
        return res;
    } else {
        return obj;
    }
}

let obj = myNew(One, "XiaoMing", "18");
console.log("newObj:", obj);