16、js - 面试 - 实例对象的proto

EchoLiner

已于 2023-06-13 20:41:18 修改

阅读量84

点赞数

文章标签： javascript 开发语言 ecmascript 前端前端框架 Powered by 金山文档

于 2023-06-06 14:48:25 首次发布

本文链接：https://blog.csdn.net/echoliner/article/details/131067686

版权

文章通过创建Person构造函数及其原型方法sayHi，展示了JavaScript中实例p1和p2如何共享原型属性。进一步地，添加了testFunc方法到p1的__proto__，并验证了所有实例的__proto__指向相同的Person.prototype，说明了原型链的工作原理。

摘要由CSDN通过智能技术生成

<script>


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

    Person.prototype.sayHi = function () { };

    const p1 = new Person('vite', 13);
    const p2 = new Person('pinia', 14);

    // p1.__proto__ 在控制台显示成：[[Prototype]]
    console.log(p1);

    p1.__proto__.testFunc = () => 1;
    console.log("Person.prototype", Person.prototype);
    console.log(p2.testFunc());

    // 实例的__proto__ === 原型对象
    console.log(p1.__proto__ === Person.prototype); // true
    console.log(p2.__proto__ === Person.prototype); // true
    console.log(p1.__proto__ === p2.__proto__); // true


</script>