js原型和原型链

js原型

//定义一个类
      class Student {
        constructor(name, score) {
          this.name = name;
          this.score = score;
        }
        introduce() {
          //introduce方法是类上的方法
          console.log("xxx");
        }
      }
      let stu = new Student("柴柴", 11); //创建一个实例
      stu.introduce()
      console.log("stu", stu);

找一个对象的属性或方法时,如果在当前的对象上找不到,就会去它原型上找,如果有这样一个方法就会去调用
stu实例是由Student这个类创建成的
stu.Prototype指向一个对象,这个对象上面有introduce方法
类Student上面也有一个Prototype属性,这个属性也指向一个对象,这个对象上面有introduce方法
stu.Prototype===Student.Prototype指向同一个对象
在这里插入图片描述

js原型链

  // 子类可以继承父类的属性和方法,extends、super
      class Person {
        constructor(name) {
          this.name = name;
        }
        drink() {
          console.log("person的方法drink");
        }
      }
      class Student extends Person {
        constructor(name, score) {
          super(name);
          this.score = score;
        }
        introduce() {
          console.log(`我是${this.name},考了${this.score}分`);
        }
      }

      let stu = new Student("柴柴", 19);
      stu.drink();
      console.log(stu);``
      当stu上没有drink方法,会往stu的原型去寻找,此时没有的话再往它父类的原型去找,直到找到了或者是没有就返回,这就是原型链
![在这里插入图片描述](https://img-blog.csdnimg.cn/9bce7e5159f64426bb64571b1a585a0a.png)
判断某个属性是否在对象上
![在这里插入图片描述](https://img-blog.csdnimg.cn/111eddb38d2043e295de810a25f075ae.png)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值