javascript extends怎么用
时间: 2023-03-02 15:21:19 浏览: 150
js代码-extends关键字继承
JavaScript中的extends关键字用于创建一个类的子类,并继承父类的属性和方法。使用extends关键字的语法如下:
```javascript
class ChildClass extends ParentClass {
constructor() {
super();
// 子类构造函数中的代码
}
// 子类方法
}
```
其中,ChildClass表示子类,ParentClass表示父类。在子类的构造函数中,必须调用super()方法,这将调用父类的构造函数,并将其属性和方法添加到子类中。子类可以覆盖父类的方法,并添加自己的方法。
例如,下面是一个使用extends关键字创建子类的示例:
```javascript
class Animal {
constructor(name) {
this.name = name;
}
speak() {
console.log(`${this.name} makes a noise.`);
}
}
class Dog extends Animal {
constructor(name) {
super(name);
}
speak() {
console.log(`${this.name} barks.`);
}
}
let dog = new Dog('Rufus');
dog.speak(); // 输出: "Rufus barks."
```
在这个例子中,Animal类是父类,它有一个speak方法。Dog类是Animal类的子类,并覆盖了speak方法。最后,创建了一个Dog类的实例,并调用speak方法,输出了"Rufus barks."。
阅读全文