<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>继承</title> <script> // 将多个类中的重复代码提取出来 class Animal{ constructor(name, age) { this.name = name; this.age = age; } sayHello = () => { console.log('动物在叫'); }; } // 通过继承可以使得类中拥有其他类中的属性和方法 // 使用extends来继承一个类，继承后就相当于将该类的代码复制到了当前类中 // 当我们使用继承后，被继承的类就称为父类，继承父类的类 称为子类 class Dog extends Animal{ /* * 子类继承父类后，将获得父类中所有的属性和方法， * 也可以创建同名的属性或方法来对父类进行重写 * */ sayHello = () => { console.log('汪汪汪！'); }; } class Snake extends Animal{ // 当在子类中重写父类构造函数时，必须在子类构造函数中第一时间调用父类构造函数，否则会报错 constructor(name, age, len) { super(name, age); // 调用父类构造函数 this.len = len; } sayHello = () => { console.log('嘶嘶嘶~~'); }; } const dog = new Dog('旺财', 5); const snake = new Snake('长虫', 4, 10); // console.log(dog.name, dog.age); console.log(snake.name, snake.age, snake.len); // dog.sayHello(); // snake.sayHello(); </script> </head> <body> </body> </html>
react笔记之继承
2023-02-09
101
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
react笔记之继承
目录
相关文章
|
9月前
|
前端开发
API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
57
0
0
|
9月前
|
前端开发
|
9月前
|
前端开发
|
8天前
|
前端开发
JavaScript
|
6月前
|
前端开发
前端笔记：React的form表单全部置空或者某个操作框置空的做法
在React框架前端开发中，经常会有弹出框的开发，涉及到弹出框，难免就会有表单。一般在关闭弹出框或者对表单联动时，往往都需要考虑对表单进行置空操作了。
51
0
0
|
9月前
|
Web App开发
前端开发
JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
51
0
0
|
9月前
|
JavaScript
前端开发
调度
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber和虚拟dom关系
79
0
0
|
9月前
|
前端开发
|
9月前
|
前端开发
|
9月前
|
前端开发
热门文章
最新文章
1
怎么学习React 18 进行项目开发？
2
React这些新特性在开发效率上有哪些改进
3
react-grapesjs——开源代码学习与修改（初出茅庐）（一）
4
【专栏】对比分析两种流行的跨平台开发框架——Flutter和React Native，探讨它们的优势、劣势以及适用场景
5
relectron框架——打包前端vue3、react为pc端exe可执行程序
6
前端react 18.2整合ckeditor富文本编辑器——配置插件、自定义toolbar工具栏（一）
7
Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档
8
vue3、react组件数据传值对比分析——父组件传递子组件，子组件传递父组件（二）
9
React的Context API：全局状态管理的利器
10
blog-engine-07-gatsby 建极速网站和应用程序 基于React的最佳框架，具备性能、可扩展性和安全性。
1
使用React、TypeScript和Ant Design构建现代化前端应用
34
2
使用React、Redux和Bootstrap构建社交媒体应用
18
3
深入探究React：前端开发的利器
24
4
【前端】深入了解React JSX语法及实例应用
18
5
利用React Hooks优化前端状态管理
40
6
目前最流行的一些前端框架：React、Angular、Vue.js和jQuery
125
7
vue/react项目刷新页面出现404的原因以及解决办法
244
8
前端vw自适应解决方案，适用pc端以及移动端，适用webpack以及vite，适用vue以及react
85
9
react+typescript通过window.xxx挂载属性报错的解决方案
56
10
从零开始搭建react+typescript+antd+redux+less+vw自适应项目
66