js 实现new

原创于 2022-04-13 17:21:17 发布 · 478 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

js 同时被 2 个专栏收录

4 篇文章

订阅专栏

手动实现

1 篇文章

订阅专栏

本文详细解析了JavaScript中new操作符的工作原理，包括如何创建空白对象，设置对象的原型，调用构造函数以及返回对象的过程。通过示例代码展示了如何手动实现new操作符，从而帮助理解其内部机制。

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

实现 new 操作符

创建空白对象
修改空白对象的原型为构造函数的原型
this 指向空白对象，并执行构造函数
返回对象

   function Animal(name,age) {
        this.name = name;
        this.age = age;
    }
    function _new(constructor,...args) {
        let instance = {};
        // instance._proto_ = constructor.prototype; 是四个下划线
        instance.__proto__ = constructor.prototype; 
        let result = constructor.call(instance,...args); 
        return  typeof result === 'object'? result:instance; // 返回构造函数返回的非空对象，否则返回创建的对象
    }
 let a = _new(Animal,'lli','2');
 console.log('a',a)
 console.log(a instanceof Animal); 
 // expected output: true