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>new一个对象的过程</title>
</head>
<body>
    <script>
        function newObj(constructor, ...args) {
            if (typeof constructor !== 'function') throw new Error('第一个参数需是构造函数')
            // setp1: 创建一个空对象o
            const o = {}
            // setp2：将o作为this参数调用构造函数constructor，并接收返回值result
            const result = constructor.apply(o, args)
            // setp3：设置原型链
            o.__proto__ = constructor.prototype
            // setp4：判断返回值result是否为对象类型，是的话返回result，不是的话返回对象o
            if (typeof result === 'object') return result
            else return o
        }

        function Person(name, age) {
            this.name = name
            this.age = age
        }

        const p1 = new Person('张三', 20)
        console.log('p1', p1)

        const p2 = newObj(Person, '李四', 30)
        console.log('p2', p2)
    </script>
</body>
</html>

js new一个对象的过程

anchen

引用和评论

如何理解JS原型和原型链

Vue.js-Vue实例

2025年最新反编译微信小程序的教程及工具

你可能不知道的图片加载相关知识

Base64编码的“暗坑”：解密失败？可能是这些原因！

原生electron起步-从零到一完成构建和打包

LRU算法，你别跑，我就要吃透你