<!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笔记之继承
react笔记之继承
2023-03-14 09:34:35 阅读次数：282
版权声明：本文内容来自第三方投稿或授权转载，原文地址：https://blog.51cto.com/u_15460007/6050793，作者：前端导师歌谣，版权归原作者所有。本网站转在其作品的目的在于传递更多信息，不拥有版权，亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系，请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇：java学习第二天笔记-java基础概念09-定义变量的三个练习-31
下一篇：react笔记之箭头函数1
作者介绍
天翼云用户
查看更多
最新文章
java基础知识之面试题（一）
2024-12-16 09:18:35
【django】模板继承
2024-11-22 08:11:31
【Flask】Jinja2之模板继承
2024-11-20 06:57:43
react笔记之类笔记
2024-09-25 10:14:48
前端项目实战230-ant design 5.0 checkbox块级化
2024-09-24 06:30:42
前端项目实战201-react改变样式
2024-07-12 07:06:53
查看更多
热门文章
React工作53:传参payload
2023-05-12 06:48:12
使用构造方法实现继承效果 es5
2023-03-29 09:42:23
react项目实战学习笔记-学习41-日期和按钮
2023-03-16 06:47:52
react笔记之展开笔记
2023-03-15 09:28:46
react笔记之箭头函数2
2023-03-15 09:28:46
Android继承AppCompatActivity时requestWindowFeature(Window.FEATURE_NO_TITLE)无效
2023-04-17 09:38:44
售前咨询热线
400-810-9889转1
关注天翼云
- APP
©2024
天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
公司地址：北京市东城区青龙胡同甲1号、3号2幢2层205-32室
