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

相关文章
|
9月前
|
数据采集 前端开发 JavaScript
金融数据分析:解析JavaScript渲染的隐藏表格
本文详解了如何使用Python与Selenium结合代理IP技术,从金融网站(如东方财富网)抓取由JavaScript渲染的隐藏表格数据。内容涵盖环境搭建、代理配置、模拟用户行为、数据解析与分析等关键步骤。通过设置Cookie和User-Agent,突破反爬机制;借助Selenium等待页面渲染,精准定位动态数据。同时,提供了常见错误解决方案及延伸练习,帮助读者掌握金融数据采集的核心技能,为投资决策提供支持。注意规避动态加载、代理验证及元素定位等潜在陷阱,确保数据抓取高效稳定。
285 17
|
算法
算法】位运算——常见位运算基础操作总结
算法】位运算——常见位运算基础操作总结
476 0
算法】位运算——常见位运算基础操作总结
|
监控 DataX
DataX教程(09)- DataX是如何做到限速的?
DataX教程(09)- DataX是如何做到限速的?
1056 0
DataX教程(09)- DataX是如何做到限速的?
|
Linux 开发工具
Linux查看已经安装软件的版本,安装软件的路径,以及dpkg、aptitude、apt-get、apt工具的使用
Linux查看已经安装软件的版本,安装软件的路径,以及dpkg、aptitude、apt-get、apt工具的使用
953 2
Linux查看已经安装软件的版本,安装软件的路径,以及dpkg、aptitude、apt-get、apt工具的使用
|
Oracle 关系型数据库 Java
Oracle数据库导入工具IMP详解与用法
Oracle数据库导入工具IMP详解与用法
|
存储 Java 编译器
【JVM】深入了解JVM方法区
【JVM】深入了解JVM方法区
469 0
|
Java 关系型数据库 MySQL
idea自动生成代码插件EasyCode
idea自动生成代码插件EasyCode
458 0
|
关系型数据库 MySQL 测试技术
MySQL 并发插入唯一键相邻数据和更新数据导致死锁
一 前言死锁其实是一个很有意思也很有挑战的技术问题,大概每个DBA和部分开发朋友都会在工作过程中遇见。关于死锁我会持续写一个系列的案例分析,希望能够对想了解死锁的朋友有所帮助。二 案例分析2.1 业务场景业务上的主要逻辑:首先执行插入数据,如果插入成功,则提交。如果插入的时候报唯一键冲突,则执行更新...
571 0
MySQL 并发插入唯一键相邻数据和更新数据导致死锁
|
安全 Linux 测试技术
Kali Linux助您网络安全攻防实战
Kali Linux助您网络安全攻防实战
572 0
|
安全 Java Android开发
Eclipse Paho MQTT客户端Java源码分析
Eclipse Paho MQTT客户端Java源码分析
720 0
Eclipse Paho MQTT客户端Java源码分析

热门文章

最新文章