开发者学堂课程【React 入门与实战:class-使用 extends 实现子类继承父类】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/585/detail/8097
class-使用 extends 实现子类继承父类
一、class 继承的形式给父类添加实例方法
新建文件02的打包文件文件为 index,但由于02文件并未在 index 中被导入,故其不会被执行。
1.index 文件
//导入包
import React from 'react'
import ReactDOM from
‘react - dom'
//使用 ES6中 import 导入需要的组件
11 import Hello from ‘@/ components/Hello ’
//导入 class 继承
import
‘@/02.class.继承
const user ={
name:
‘zs’;
age: 22,
gender: '
男'
}
2.02.class 文件
父类与子类需要有所指向,才能形成指向原型链对象的关系。
//此为父类。可直接将父类理解成原型对象[prototype]
class Person {
constructor(name,age){
//在父类身上统一定义实例属性
this.name = name
this.age = age
//这是子类美国人
//在 class 类中,可以使用 extends 关键字,实现子类继承父类
//语法: class 子类 extends 父类{}
class American extends Person{
}
const a1 = new American('Jack', 20)
console.log(a1)
//这是子类中国人
class Chinese extends Person{
}
const a1 = new Chinese('
张三', 22)
console.log(c1)
以上代码有部分数据进行着重复,共有的部分可以放置于原定对象之上。即建立一个父类。美国人、中国人都属于人类这一集体的概念,故可将较为抽象的整合一类称为父类。在每一个子类身上的构造定义函数十分麻烦,则将共有之处均与父类相关联。当 Chinese 与 American 均能访问到原型对象时,其即为共有数据。