ES6中类的继承

野生小农

于 2022-10-24 10:31:58 发布

阅读量150

点赞数

文章标签： es6 前端 ecmascript 1024程序员节

本文链接：https://blog.youkuaiyun.com/m0_64749865/article/details/127060191

版权

本文介绍了JavaScript中使用ES6的`class`关键字进行类的继承。通过`extends`关键字，子类可以继承父类的属性和方法。子类如果没有定义构造函数，系统会默认提供；如果定义了构造函数，必须调用`super`来初始化父类。`super`在这里的作用相当于调用父类的构造函数。此外，还展示了Animal和Dog类的实例，展示了如何在子类Dog中继承并扩展Animal类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

class可以通过extends关键字实现继承，子类可以没有构造函数，系统会默认分配。子类提供了构造函数则必须要显示调用super。super函数类似于借用构造函数。类似于Animal.call()

1.子类对象指向父类对象

2.子类原型对象继承父类原型对象

class Animal(){

// 静态属性
static animalAttr='Animal的静态属性';
constructor(name,age,weight){
this.name=name;
this.age=age;
this.weight=weight;
}
// 实例方法
sayName(){
console.log('实例方法')
}

// 静态方法
static animalmethod(){
console.log('Animal静态方法')
}
}
// 要实现继承
class Dog extends Animal{
constructor(name,age,weight,color){
super(name,age,weight);
this.color=color;
console.log('Dog的构造器')
}
}