es6----》类的继承

淩亂°似流年 2023-06-24 12:24 2阅读 0赞

----> 继承
    
      现实中的继承：子继承父业，比如我们都是继承了父亲的姓
      程序中的继承：子类可以继承父类的一些属性和方法
    
        语法：
          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>

发表评论取消回复

表情：

评论列表（有 0 条评论，2人围观）

还没有评论，来说两句吧...

相关阅读

相关 ES6中的继承

class People { constructor(name, age, phone) { this.na...

左手的ㄟ右手/ 2024年04月19日 13:00/ 0 赞/ 80 阅读

相关 ECMAScript6（ES6）标准之class类的定义、继承

在ES4的时候，草案中就已经出现了class 不过ES4由于过于激进，和一系列问题被大家抵制不过大家现在完全不用担心ES6步ES4的后尘类定义 ...

女爷i/ 2024年04月18日 06:12/ 0 赞/ 84 阅读

相关 es6----》类的继承

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

淩亂°似流年/ 2023年06月24日 12:24/ 0 赞/ 3 阅读

相关 ES6 class类的继承

类的继承：`extends`关键字用于[类声明][Link 1]或者[类表达式][Link 2]中，以创建一个类，该类是另一个类的子类。 `extends`关键字用来创建一个

桃扇骨/ 2023年02月22日 03:53/ 0 赞/ 59 阅读

相关 Js-ES6类的使用，ES5原型和继承

Ⅰ- 壹 - 类 1. 类是抽象的对象是真实存在的。对象就是类的实例化体现，类就是对象的抽象化表现 2. 基类（BaseClass）基础的类别 3. 父类 4

朱雀/ 2022年11月27日 12:07/ 0 赞/ 250 阅读

相关 React 项目 -ES6 语法类的继承（10）

在面向对象的编程语言中，基本上都是支持继承的，比如C++，和java，在ES6 中的类也引入的继承的概念，并且和java十分的类似，初学前端的ES6语法，我们在地方就介绍一下E

谁践踏了优雅/ 2022年09月03日 15:12/ 0 赞/ 202 阅读

相关 ES6 类\继承\接口

super方法子类必须在constructor方法中调用super方法调用super方法必须放到this初始化实例属性的前面:因为子类没有自己的this对象,是继

Love The Way You Lie/ 2022年05月20日 06:44/ 0 赞/ 263 阅读

相关 ES5和ES6继承

ES5常用七种继承方案和ES6的类继承，有八种继承方案。 ES5：原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、混入方式继承

深碍√TFBOYSˉ_/ 2022年04月24日 15:14/ 0 赞/ 382 阅读

相关 ES5/ES6中的类与继承对比

ES5中的类和静态方法 function Persion(name,age) { //构造函数里面的方法和属性 this.name = nam

妖狐艹你老母/ 2022年04月16日 01:37/ 0 赞/ 328 阅读

相关 ES6继承

class通过extends关键字继承写法如下 calss People { } class Man extends People{

逃离我推掉我的手/ 2021年09月03日 08:58/ 0 赞/ 503 阅读