es6----》类的继承

----> 继承

  现实中的继承：子继承父业，比如我们都是继承了父亲的姓
  程序中的继承：子类可以继承父类的一些属性和方法

    语法：
      class Father{ // 父类

      }
      class Son extends Father { // 子类继承父类

      }

  super 关键字用于访问和调用对象父类上的函数，可以调用父类的构造函数，也可以调用父亲的普通函数

代码:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>
  <body>
    <script>
      //1.类的继承
      // class Father {
      //   constructor() {}
      //   money() {
      //     console.log(100);
      //   }
      // }
      // class Son extends Father {}
      // var son = new Son();
      // son.money();

      class Father {
        constructor(x, y) {
          this.x = x;
          this.y = y;
        }
        sum() {
          console.log(this.x + this.y);
        }
      }
      class Son extends Father {
        constructor(x, y) {
          super(x, y); //调用了父类中的构造函数
        }
      }
      var son = new Son(1, 2);
      var son1 = new Son(10, 2);
      son.sum();
      son1.sum();
    </script>
  </body>
</html>

itwangyang520

发布了83 篇原创文章 · 获赞 39 · 访问量 4万+

私信关注

猜你喜欢