class-使用extends实现子类继承父类

简介: class-使用extends实现子类继承父类

class-使用extends实现子类继承父类

 

一、class继承的形式给父类添加实例方法

新建文件02的打包文件文件为index,但由于02文件并未在index中被导入,故其不会被执行。


1.index文件

//导入包

import React from 'react'

import ReactDOM from react - dom'

//使用ES6import 导入需要的组件

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)

 

以上代码有部分数据进行着重复,共有的部分可以放置于原定对象之上。即建立一个父类。美国人、中国人都属于人类这一集体的概念,故可将较为抽象的整合一类称为父类。在每一个子类身上的构造定义函数十分麻烦,则将共有之处均与父类相关联。当ChineseAmerican均能访问到原型对象时,其即为共有数据。

相关文章
|
7月前
|
Java API
Class 类
Class 类
37 1
|
Java
【继承之extends关键字和super关键字】
【继承之extends关键字和super关键字】
65 0
继承类的方法
继承类的方法
116 0
|
前端开发 JavaScript
ES6——class类实现继承
ES6——class类实现继承
136 0
|
JavaScript 前端开发
类(Class)
类(Class)
109 0
|
前端开发 JavaScript 开发者
class-使用 extends 实现子类继承父类|学习笔记
快速学习 class-使用 extends 实现子类继承父类
119 0
|
前端开发 开发者
class-子类访问父类上的实例方法|学习笔记
快速学习 class-子类访问父类上的实例方法
121 0
|
Java
接口是否可继承接口?抽象类是否可实现(implements)接口?抽象类是否可继承具体类?抽象类中是否可以有静态的main方法?
有一个面试四连击的题目:接口是否可继承接口?抽象类是否可实现(implements)接口?抽象类是否可继承具体类?抽象类中是否可以有静态的main方法?
162 0
接口是否可继承接口?抽象类是否可实现(implements)接口?抽象类是否可继承具体类?抽象类中是否可以有静态的main方法?