js class实现继承
时间: 2023-12-02 22:29:55 浏览: 37
在JavaScript中,可以使用类(class)来实现继承。下面是一个示例代码,演示了如何在JavaScript中使用类实现继承:
```javascript
// 父类
class Animal {
constructor(name) {
this.name = name;
}
eat() {
console.log(`${this.name} is eating.`);
}
}
// 子类继承父类
class Dog extends Animal {
constructor(name, breed) {
super(name);
this.breed = breed;
}
bark() {
console.log(`${this.name} is barking.`);
}
}
// 创建实例并调用方法
const dog = new Dog("Buddy", "Golden Retriever");
dog.eat(); // 输出:Buddy is eating.
dog.bark(); // 输出:Buddy is barking.
```
在上面的示例中,`Animal`是父类,具有一个构造函数和一个`eat`方法。`Dog`是子类,使用`extends`关键字继承了`Animal`,并添加了一个构造函数和一个`bark`方法。使用`super`关键字在子类的构造函数中调用父类的构造函数。通过创建实例并调用方法,可以看到继承的效果。
请注意,这只是JavaScript中一种实现继承的方式,还有其他的实现方式,如原型链继承、混合继承等。根据具体需求和场景选择合适的继承方式。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)