js实例对象使用属性和方法的搜索顺序

忘是亡心i 2023-01-13 14:00 51阅读 0赞

实例对象使用的属性或者方法,

1.  先在实例中查找,找到了则直接使用
2.  找不到则,去实例对象的\_\_proto\_\_指向的原型对象prototype中找
3.  找到了则使用,找不到则报错

直接看一个小案例：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]

<!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <title>title</title>
      <script>
        function Person(age,sex) { 
          this.age=age;//年龄
          this.sex=sex;
          this.eat=function () { 
            console.log("构造函数中的吃");
          };
        }
        Person.prototype.sex="女";
        Person.prototype.eat=function () { 
          console.log("原型对象中的吃");
        };
    
    
        var per=new Person(20,"男");
        console.log(per.sex);//男
        per.eat();
        console.dir(per);
    
    
        /* * 实例对象使用的属性或者方法,先在实例中查找,找到了则直接使用,找不到则,去实例对象的__proto__指向的原型对象prototype中找,找到了则使用,找不到则报错 * * * */
    
        function Animal(age) { 
          this.age=age;//年龄
        }
        Animal.prototype.sex="女";
        Animal.prototype.eat=function () { 
          console.log("原型对象中的吃");
        };
    
    
        var ani=new Animal(20);
        console.log(ani.sex);//女
        ani.eat();
        console.dir(ani);
    
    
      </script>
    </head>
    <body>
    
    
    </body>
    </html>

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTUyNTI3Mg_size_16_color_FFFFFF_t_70]: /images/20221022/d5f38adb581545be8164f6ec3715d8d3.png