手写js的new函数

最新推荐文章于 2024-01-02 10:34:41 发布

ALKEN ABBY

最新推荐文章于 2024-01-02 10:34:41 发布

阅读量252

点赞数 1

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

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

版权

开发中的实用方法和函数专栏收录该内容

54 篇文章 0 订阅

订阅专栏

手写js的new函数

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <!-- 
        总结出new关键字在实例化对象时内部都干了什么。

        其实，new关键字内部干了如下三件事（已知构造函数为constructor）：.
        1.创建一个空对象，并使该空对象的 __proto__==constructor.prototype；
        2.执行构造函数，并将this指向刚刚创建的新对象；
        3.返回新对象；

     -->
    <script>
        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
        }

        /**
         *  new产生一个新对象;
            拿到传入的参数中的第一个参数，即构造函数Constructor;
            执行构造函数，并将this指向创建的空对象obj;
            将传入构造函数的参数，在obj上下文中执行一遍;
            如果构造函数返回一个对象，则直接返回这个对象,若构造函数没有返回这个对象，那么就返回obj


            创建一个新的对象，并返回。符合new函数的功能。
            截取传入myNew函数的第一个参数。
            将第一个参数的prototype与要返回的对象建立关联。
            使用apply，改变构造函数的this指向，使其指向新对象，这样，obj就可以访问到构造函数中的属性了。
            返回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)


    </script>
</body>

</html>

欢迎指正交流

ALKEN ABBY

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
手写js的new函数

手写js的new函数<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <
复制链接

扫一扫