Dotcpp  >  编程教程  >  JavaScript函数  >  JS类继承

JS类继承

点击打开在线编译器,边学边练

在JavaScript中,可以使用继承来创建一个类的层次结构,使子类继承父类的属性和方法。以下是关于JS类继承的一些内容:

1. 使用extends关键字:通过在子类的类声明中使用extends关键字,可以指定子类继承自哪个父类。例如,class SubClass extends SuperClass { ... }。

2. 构造函数与super():子类的构造函数中需要调用父类的构造函数来完成父类的初始化。使用super()方法来调用父类的构造函数,并传递必要的参数。在子类的构造函数中,super()必须在访问this之前调用。

3. 方法重写与super:子类可以重写(覆盖)父类的方法,以修改或扩展其行为。在子类中,可以使用super关键字来调用父类中被重写的方法。例如,super.methodName(...args)。

4. 访问父类的属性和方法:在子类中可以通过super关键字来访问父类的属性和方法。通过super.propertyName来访问父类的属性,以及使用super.methodName(...args)来调用父类的方法。

5. 多级继承:JavaScript支持多级继承,即一个子类可以继承自另一个子类。子类可以继承父类的属性和方法,也可以继承其他子类的属性和方法。

6. 原型链:JavaScript中的继承是通过原型链来实现的。子类的原型对象是父类的实例,而父类的原型对象又是更高级别父类的实例,依此类推。这样,子类就可以访问到从父类继承下来的属性和方法。

7. instanceof运算符:可以使用instanceof运算符来检查一个对象是否为某个类的实例。例如,obj instanceof ClassName将返回true或false,表示obj是否为ClassName类的实例。

8. 抽象类与接口:尽管JavaScript本身不支持抽象类和接口的概念,但可以使用约定来模拟它们。可以定义一个没有具体实现的父类作为抽象类,并在子类中实现具体的方法;也可以定义一组方法签名,并在子类中实现这些方法作为接口的实现。

以上是关于JS类继承的一些内容。通过继承可以构建更复杂和灵活的类体系,提高代码复用性和可维护性。

例子

当一个类(称为子类)从另一个类(称为父类)继承属性和方法时,就称为类继承。这意味着子类可以使用父类中定义的属性和方法,同时还可以在子类中添加自己特定的属性和方法。

下面是一个简单的例子,演示了类继承的概念:

// 父类
class Preson {
  constructor(name) {
    this.name = name;
  }
  eat() {
    console.log(${this.name} is eating.);
  }
}
// 子类
Class preson extends Preson {
  bark() {
    console.log(${this.name} is barking.);
  }
}
// 创建实例
Const preson = new preson('Dotcpp');
// 调用继承的方法
preson.eat();   // 输出: Dotcpp is eating.
// 调用子类特有的方法
preson.bark();  // 输出: Dotcpp is barking.

在上面的例子中,Preson是父类,它有一个属性name和一个方法eat()。Preson是子类,通过extends关键字继承了Preson类。子类Preson有一个特有的方法bark()。

我们创建了一个Preson类的实例preson,并分别调用了继承得到的方法eat()和子类特有的方法bark()。在继承的方法中,可以使用this.name来访问从父类继承的属性。

类继承允许我们在不重复编写相似代码的情况下创建具有共同行为的类。子类可以使用父类的功能,并且还可以根据需要添加自己的特定功能。这种代码的组织方式提高了代码的可维护性和可扩展性。



本文固定URL:https://www.dotcpp.com/course/1328

上一课:

JS类方法

下一课:

JS事件

JavaScript教程
第一章 JavaScript入门
第二章 JavaScript基础语法及数据类型
第三章 JavaScript函数
第四章 JavaScript类
第五章 JS高级教程
第六章 JS Window
第七章 JS库
Dotcpp在线编译      (登录可减少运行等待时间)