React中使用extends实现子类继承父类

首先看两个对象:

class American{
    constructor(name, age){
        this.name = name
        this.age = age
    }
}
const a1 = new American('Jack', 20)
console.log(a1)

class Chinese{
    constructor(name, age){
        this.name = name
        this.age = age
    }
}

const c1 = new Chinese('张三', 22)
console.log(c1)

这两个类都具有name和age属性,那么是不是可以通过建一个通用类,通过这两个类来引用通用类,来实现同样效果并且增加开发效率呢?
这这里引入继承的概念,上述的 通用类 为父类,引用的类为子类,子类可以继承父类的属性,因此可以将父类理解为原型对象prototype,
语法:class 子类名 extends 父类名
实现代码如下:

class Person{
    constructor(name, age){
        this.name = name
        this.age = age
    }
}
class American extends Person{
    
}
const a1 = new American('Jack', 20)
console.log(a1)
class Chinese extends Person{

}

const c1 = new Chinese('张三', 22)
console.log(c1)

和之前的效果一样:
在这里插入图片描述

你可能感兴趣的:(前端)