new 操作都做了什么

ALKEN ABBY

于 2022-03-07 16:36:13 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：面经开发中的实用方法和函数 javascript 文章标签： javascript 面经

本文链接：https://blog.csdn.net/qq_45803050/article/details/123333604

javascript 同时被 3 个专栏收录

66 篇文章

订阅专栏

开发中的实用方法和函数

55 篇文章

订阅专栏

面经

19 篇文章

订阅专栏

本文详细解析了JavaScript中new操作符的工作原理，包括创建新对象、设置原型链和执行构造函数的过程。通过示例代码展示了如何手动实现new操作，同时讨论了构造函数是否有返回值时的不同情况。此内容对于深入理解JavaScript对象创建机制至关重要。

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

new 操作都做了什么

一. 原理

其实，new关键字内部干了如下三件事（已知构造函数为constructor）：.

1.创建一个空对象，并使该空对象的 proto==constructor.prototype；

2.执行构造函数，并将this指向刚刚创建的新对象；

3.返回新对象；

/**
			new产生一个新对象;

            拿到传入的参数中的第一个参数，即构造函数Constructor;

            执行构造函数，并将this指向创建的空对象obj;

            将传入构造函数的参数，在obj上下文中执行一遍;

            如果构造函数返回一个对象，则直接返回这个对象,若构造函数没有返回这个对象，那么就返回obj


*/


function myNew() {
            const obj = new Object();
            Constructor = Array.prototype.shift.call(arguments);
            obj.__proto__ = Constructor.prototype;
            let res = Constructor.apply(obj, arguments);
            return res instanceof Object == true ? res : obj
        }
        
        
        // 检验,这是没有返回值的检验
        // function Person(name, age) {
        //     this.name = name;
        //     this.age = age;
        //     console.log('执行')
        //     return '12'
        // }

        // let zhangsan = myNew(Person, '张三', 12)
        // console.log(zhangsan)


        //  这是构造函数有返回值的检验
        function Person(name, age) {
            this.name = name;
            return {
                age: age
            }
        }

        let zhangsan = myNew(Person, '张三', 12)

        console.log(zhangsan)