js基础--原型对象与原型对象链

一、原型对象

使用构造函数构造出实例对象的时候,会伴随着一个原型对象,这个原型对象与构造函数是同时出现的,原型对象的一个重要作用是存放同一个构造函数构造出的不同实例化对象的相同属性,就是说,我们构造出几个“人”,他们身高体重不同,但是毛发颜色相同,这个时候我们就不必在在构造函数里添加毛发颜色这一属性,再逐个添加相同的颜色值,而是可以将这一属性添加到构造函数的原型对象的属性里,这样我们在构造实例对象的时候就不用设置毛发颜色,而是通过原型对象来找出毛发颜色,具体过程如下:

<script>
        function Person(name,height,weight,hair_style){
          this.name=name;
          this.height=height;
          this.weight=weight;
          this.hair_style=hair_style;
        }
        Person.prototype.voice="loud";
        
        var person1=new Person( "zs",180,60,"yellow");
        console.log(person1)
        // var person2=new Person( "ls",190,70,"black");
        // console.log(person1);
        // console.log(person2);
    </script>

在这里插入图片描述
可以看到在Person的原型里有voice这一属性。

二、原型对象链

对象在调用方法(或者属性)的时候,首先会从自己对象的空间当中去找,如果找到就直接用了,如果没有找到,然后去自己的原型对象空间去找(自己的构造函数的原型对象),如果找到就用,如果没有找到,然后去自己的原型对象的原型对象空间当中去找(自己的构造函数的原型对象的构造函数的原型对象当中去找),如果找到就用,如果找不到继续向上,直到找到Object的原型对象为止,找到就用,找不到报错;我们把这个对象找属性的过程形象的描述为原型链;
在这里插入图片描述
如图

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页