请写出一个简单的类与继承用js
时间: 2024-04-15 21:29:46 浏览: 128
类的继承的简单实现
当然可以!以下是另一个简单的使用 JavaScript 实现类和继承的示例:
```javascript
// 父类
class Shape {
constructor(color) {
this.color = color;
}
getColor() {
console.log(`The color of the shape is ${this.color}.`);
}
}
// 子类继承父类
class Circle extends Shape {
constructor(color, radius) {
super(color);
this.radius = radius;
}
getArea() {
const area = Math.PI * Math.pow(this.radius, 2);
console.log(`The area of the circle is ${area}.`);
}
}
// 创建实例并调用方法
const myCircle = new Circle("red", 5);
myCircle.getColor(); // 输出:The color of the shape is red.
myCircle.getArea(); // 输出:The area of the circle is 78.53981633974483.
```
在上面的示例中,我们定义了一个 `Shape` 类作为父类,具有一个 `getColor` 方法。然后,我们创建了一个 `Circle` 类来继承 `Shape` 类,并添加了一个新的方法 `getArea`。最后,我们创建了一个 `myCircle` 实例,并调用了父类和子类的方法。
请注意,这只是一个简单的示例,用于演示类和继承的基本概念。在实际的开发中,可能会有更复杂的类层次结构和更多的方法和属性。
阅读全文