开发者学堂课程【React 入门与实战:class-子类访问父类上的实例方法】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/585/detail/8098
class-子类访问父类上的实例方法
一、class继承的形式给父类添加实例方法
//这是子类美国人
//在 class 类中,可以使用 extends 关键字,实现子类继承父类
//语法: class 子类 extends 父类{}
class American extends Person {
sayHello(){
console.log(
大家好)
}
}
const a1 = new American('Jack', 20)
console.log(a1)
a1.sayhello()
//这是子类中国人
class Chinese extends Person{
sayHello(){
console.log(
大家好)
}
}
const c1 : new Chinese(
“张三”,22)
console.log(c1)
c1. sayHello( )
此时在美国人、中国人之下分别输入了一次、共两次大家好。但由于重复的数据都应放置于父类(原型对象)之上,故将此分开的两组数据删除,移向父类,作为实例方法存在。
在此提出新需求。在 American 上新增一个实例方法,使其拥有一个 sayhello 的实例函数
//此为父类。可直接将父类理解成原型对象[prototype]
class Person {
constructor(name,age){
this.name = name
this.age = age
}
//打招呼 的 实例方法
sayHello(){
console.log('
大家好' )
}
}
//这是子类美国人
//在 class 类中,可以使用 extends 关键字,实现子类继承父类
//语法: class 子类 extends 父类{}
class American extends Person {
}
const a1 = new American('Jack', 20)
console.log(a1)
a1.sayhello()
//这是子类中国人
class Chinese extends Person{
}
const c1 : new Chinese(
“张三”,22)
console.log(c1)
c1. sayHello( )