继承ES6

最新推荐文章于 2024-07-12 11:55:32 发布

张若若受s了

最新推荐文章于 2024-07-12 11:55:32 发布

阅读量104

点赞数

文章标签： es6 javascript 前端

本文链接：https://blog.csdn.net/weixin_53286240/article/details/126700439

版权

 <script>
      //父类
      class Person {
        // 构造函数,属性的挂载
        constructor(name, age) {
          this.name = name;
          this.age = age;
        }
        // 原型写在这里，方法的挂载
        say() {
          console.log(this.name, "hello");
        }
      }
      // 子类
      // extends 原型继承（方法继承）
      class Student extends Person {
        constructor(name, age, grade) {
          super(name, age);
          this.grade = grade;
        }
        // 方法的覆盖
        // say() {
        //   console.log(this.name, "hi!");
        // }

        //方法的增强
        say() {
          super.say();
          console.log(this.name, "hi");
        }
      }
      var obj = new Student("ruoruo", 20, 100);
      console.log(obj);
      obj.say();
    </script>