class-子类访问父类上的实例方法|学习笔记

简介: 快速学习 class-子类访问父类上的实例方法

开发者学堂课程【React 入门与实战class-子类访问父类上的实例方法】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址https://developer.aliyun.com/learning/course/585/detail/8098


class-子类访问父类上的实例方法


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

//这是子类美国人

//class 类中,可以使用 extends 关键字,实现子类继承父类

//语法: class 子类 extends 父类{}

class American extends Person {

sayHello(){

console.log(大家好)

}

}

const a1 = new American('Jack', 20)

console.log(a1)

a1.sayhello()

//这是子类中国人

class Chinese extends Person{

sayHello(){

console.log(大家好)

}

}

const c1 : new Chinese(“张三”,22

console.log(c1)

c1. sayHello( )

此时在美国人、中国人之下分别输入了一次、共两次大家好。但由于重复的数据都应放置于父类(原型对象)之上,故将此分开的两组数据删除,移向父类,作为实例方法存在。

在此提出新需求。在 American 上新增一个实例方法,使其拥有一个 sayhello 的实例函数

//此为父类。可直接将父类理解成原型对象[prototype]

class Person {

constructor(name,age){

this.name = name

this.age = age

}

//打招呼 的 实例方法

sayHello(){

console.log('大家好' )

}

}

//这是子类美国人

//class 类中,可以使用 extends 关键字,实现子类继承父类

//语法: class 子类 extends 父类{}

class American extends Person {

}

const a1 = new American('Jack', 20)

console.log(a1)

a1.sayhello()

//这是子类中国人

class Chinese extends Person{

}

const c1 : new Chinese(“张三”,22

console.log(c1)

c1. sayHello( )

相关文章
|
canal 分布式计算 关系型数据库
大数据Spark Streaming实时处理Canal同步binlog数据
大数据Spark Streaming实时处理Canal同步binlog数据
398 0
正则表达式汇总
正则表达式汇总
120 0
|
1天前
|
数据采集 人工智能 安全
|
10天前
|
云安全 监控 安全
|
2天前
|
自然语言处理 API
万相 Wan2.6 全新升级发布!人人都能当导演的时代来了
通义万相2.6全新升级,支持文生图、图生视频、文生视频,打造电影级创作体验。智能分镜、角色扮演、音画同步,让创意一键成片,大众也能轻松制作高质量短视频。
910 150
|
15天前
|
机器学习/深度学习 人工智能 自然语言处理
Z-Image:冲击体验上限的下一代图像生成模型
通义实验室推出全新文生图模型Z-Image,以6B参数实现“快、稳、轻、准”突破。Turbo版本仅需8步亚秒级生成,支持16GB显存设备,中英双语理解与文字渲染尤为出色,真实感和美学表现媲美国际顶尖模型,被誉为“最值得关注的开源生图模型之一”。
1646 8
|
6天前
|
人工智能 前端开发 文件存储
星哥带你玩飞牛NAS-12:开源笔记的进化之路,效率玩家的新选择
星哥带你玩转飞牛NAS,部署开源笔记TriliumNext!支持树状知识库、多端同步、AI摘要与代码高亮,数据自主可控,打造个人“第二大脑”。高效玩家的新选择,轻松搭建专属知识管理体系。
365 152
|
7天前
|
人工智能 自然语言处理 API
一句话生成拓扑图!AI+Draw.io 封神开源组合,工具让你的效率爆炸
一句话生成拓扑图!next-ai-draw-io 结合 AI 与 Draw.io,通过自然语言秒出架构图,支持私有部署、免费大模型接口,彻底解放生产力,绘图效率直接爆炸。
604 152
|
9天前
|
人工智能 安全 前端开发
AgentScope Java v1.0 发布,让 Java 开发者轻松构建企业级 Agentic 应用
AgentScope 重磅发布 Java 版本,拥抱企业开发主流技术栈。
571 13