ES6中如何使用class和extends关键字实现继承?

在ES6中,可以使用class关键字来定义类,使用extends关键字来实现继承。下面是一个示例:

// 父类 
class Parent {
  constructor(name) {
    this.name = name;
  }

  sayHello() {
    console.log(`Hello, my name is ${this.name}`);
  }
}

// 子类 
class Child extends Parent {
  constructor(name, age) {
    super(name); // 调用父类的构造函数 
    this.age = age;
  }

  sayHello() {
    // 调用父类的方法 
    super.sayHello();
    console.log(`I am ${this.age} years old`);
  }
}

const child = new Child('Alice', 25);
child.sayHello(); // 输出: Hello, my name is Alice 
                 //       I am 25 years old 

在这个例子中,Child类继承了Parent类的所有属性和方法,并且通过super关键字调用了父类的构造函数以及sayHello方法。这样,Child类就拥有了父类的特性,同时也能够被子类进一步扩展或重写。

需要注意的是,在子类的构造函数中,必须先通过super调用父类的构造函数,才能够使用this关键字来访问子类的属性和方法。

相关推荐

  1. ES6如何使用classextends关键字实现继承

    2024-06-07 14:06:03       26 阅读
  2. ES6 Class继承(十一)

    2024-06-07 14:06:03       26 阅读
  3. es6es5的类 es6 的类 class 有什么区别

    2024-06-07 14:06:03       45 阅读
  4. es6继承

    2024-06-07 14:06:03       61 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-06-07 14:06:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-06-07 14:06:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-06-07 14:06:03       82 阅读
  4. Python语言-面向对象

    2024-06-07 14:06:03       91 阅读

热门阅读

  1. 深耕低代码,技术赋能企业转型业务

    2024-06-07 14:06:03       36 阅读
  2. MySql什么时候表锁or行锁?

    2024-06-07 14:06:03       32 阅读
  3. 聊一下天,分享一下阿赵写技术博客的原因

    2024-06-07 14:06:03       30 阅读
  4. 嵌入式学习——网络编程(TCP)——day31

    2024-06-07 14:06:03       23 阅读
  5. screenrecord如何录屏

    2024-06-07 14:06:03       32 阅读
  6. Anaconda、Pycharm以及Pip配置镜像源

    2024-06-07 14:06:03       29 阅读
  7. 设计模式之单例模式

    2024-06-07 14:06:03       28 阅读
  8. vue实现stompjs+websocket和后端通信(二)

    2024-06-07 14:06:03       34 阅读
  9. GaussDB轻量化运维管理工具介绍

    2024-06-07 14:06:03       27 阅读
  10. 52 https

    52 https

    2024-06-07 14:06:03      26 阅读
  11. 介绍 TensorFlow 的基本概念和使用场景

    2024-06-07 14:06:03       31 阅读