class-使用 extends 实现子类继承父类|学习笔记

简介: 快速学习 class-使用 extends 实现子类继承父类

开发者学堂课程【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'

//使用 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)

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

相关文章
|
1月前
|
C#
C#中的类和继承
C#中的类和继承
34 6
|
10月前
|
Java
【继承之extends关键字和super关键字】
【继承之extends关键字和super关键字】
55 0
|
Java 开发者
Class 类对象的三种实例化模式|学习笔记
快速学习 Class 类对象的三种实例化模式
157 0
Class 类对象的三种实例化模式|学习笔记
|
前端开发 JavaScript
ES6——class类实现继承
ES6——class类实现继承
128 0
|
前端开发 开发者
class-子类访问父类上的实例方法|学习笔记
快速学习 class-子类访问父类上的实例方法
105 0
|
Java
Java面向对象——继承、super、this
Java面向对象——继承、super、this
142 0
Java面向对象——继承、super、this
|
前端开发 JavaScript
class-使用extends实现子类继承父类
class-使用extends实现子类继承父类
|
Java 开发者
Class 类对象的三种实例化模式|学习笔记
快速学习 Class 类对象的三种实例化模式
413 0
 Class  类对象的三种实例化模式|学习笔记
ES6—03:类的继承与extends和super关键字
ES6—03:类的继承与extends和super关键字
119 0
ES6—03:类的继承与extends和super关键字