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均能访问到原型对象时,其即为共有数据。