JavaScript的原型和原型链

访问一个对象的原型对象

                对象.__proto__  (前后两个下划线)

                Object.getPrototypeOf(对象)     （常用）

            原型对象中的数据：

                1.对象中的数据（属性、方法等）

                2.constructor（对象的构造函数）

            注意：

                原型对象也有原型，这样就构成了一条原型链，根据对象的复杂程度不同，原型链的长度也不同

                p对象的原型链：p对象 -> 原型 -> 原型 -> null

                obj对象的原型链:obj对象 -> 原型 -> null

        原型链    

            - 读取对象属性时,会优先对象自身属性

                如果对象中有,则使用,没有则去对象的原型中寻找

                如果原型中有,则使用,没有则去原型的原型中找

                直到找到Object对象的原型(Object的原型没有原型(null))

                    如果依然没有找到,则返回undefined

            - 作用域链,是找变量的链,找不到会报错

            - 原型链,是找属性的链,找不到会返回undefined

<script>
        class Person{
            name = "孙悟空"
            age = 18

            sayHello(){
                console.log("Hello,我是", this.name)
            }
        }

        const p = new Person()
        console.log(p)
        //原型
        console.log(p.__proto__)
        console.log(p.constructor)
        // 可以检查原型
        console.log(Object.getPrototypeOf(p))
    </script>

所有的同类型对象它们的原型对象都是同一个

                也就意味着同类型对象的原型链是一样的

           

原型的作用：

         原型相当于是一个公共的区域，可以被所有该类实例访问

                    可以将该类实例中，所有的公共属性（方法）统一存储到原型中

                    这样我们只需要创建一个属性，即可被所有实例访问

         JS中继承就是依靠原型实现的

                    当继承时，子类的原型就是一个父类的实例、

在对象中有些值是对象独有的，像属性（name、age、gender）每个对象都应该有自己的值，

但是有些值对于每个对象来说都是一样的，像各种方法，对于一样的值没有必要重复创建