<!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笔记之继承
最新推荐文章于 2024-05-26 05:00:00 发布