手写一个new吧！理解下new的执行流程

最新推荐文章于 2024-07-19 12:58:53 发布

Er ist träumer.

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量166

点赞数 1

分类专栏： javaScript学习文章标签： javascript 原型模式前端

本文链接：https://blog.csdn.net/Kobeloveu/article/details/126997187

版权

javaScript学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!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>
    <script>
        function Test (name,age){
            this.name = name
            this.age = age
        }

        const t = new Test('zs',18)
        console.log('t :>> ', t);

        console.log('*************************************************');

        function CreateNew(){
            const Fn = [].shift.call(arguments)
            // 创建一个新对象
            const obj = new Object()
            // 将新对象的__proto__赋值为构造函数的prototype
            obj.__proto__ = Fn.prototype
            // 构造函数的this指向新对象,并执行代码赋值
            const result  = Fn.prototype.constructor.apply(obj, [...arguments])
            // 如果构造函数返回非空对象，则返回该对象;否则返回新创建的对象
            return  result instanceof Object ? result : obj

        }

        const t2 = CreateNew(Test,'lishi',19)
        console.log('t2 :>> ', t2);
    </script>
</body>
</html>

Er ist träumer.

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
手写一个new吧！理解下new的执行流程

/ 将新对象的__proto__赋值为构造函数的prototype。// 如果构造函数返回非空对象，则返回该对象;否则返回新创建的对象。// 构造函数的this指向新对象,并执行代码赋值。// 创建一个新对象。
复制链接

扫一扫