JavaScript 访问原型的两种方式(prototype,__proto__)

时间:2021-07-13 18:48:21


demo.html:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        function Person() {

        }

        //1.通过构造函数访问原型
//        Person.prototype

        Person.prototype.msg = "abc";
        var p = new Person();

        //2.通过实例化的对象访问原型

        //实例化对象的__proto__属性
        //__proto__是一个非标准的属性
        //为了保证通用性 这个属性不推荐使用

        //__proto__属性的用途
        //主要用来做调试
        console.log(p.__proto__);

        p.__proto__.sayHello = function () {  // 原型是所有对象共用的,不建议通过对象修改原型,__proto__一般用来调试。
            console.log("你好")
        }

        p.sayHello();

    </script>
</head>
<body>

</body>
</html>