对象 - 类与继承 - 类的继承与方法重写

在前端开发的世界里，JavaScript 作为一门强大的编程语言，对象、类与继承是其核心概念之一。今天，我们就来深入探讨一下类的继承与方法重写。

类的继承

类的继承就像是现实生活中的家族传承。想象一下，有一个家族，家族里有一些通用的技能和特征，比如擅长烹饪、勤劳善良等。家族中的晚辈（子类）可以继承长辈（父类）的这些技能和特征，同时还可以发展出自己独特的能力。

在 JavaScript 中，我们可以使用 extends 关键字来实现类的继承。下面是一个简单的例子：

// 定义一个父类 Animal
class Animal {
    constructor(name) {
        this.name = name;
    }
    speak() {
        console.log(`${this.name} 发出了声音。`);
    }
}
// 定义一个子类 Dog，继承自 Animal
class Dog extends Animal {
    constructor(name) {
        super(name); // 调用父类的构造函数
    }
}
// 创建一个 Dog 类的实例
const dog = new Dog('旺财');
dog.speak(); // 输出：旺财 发出了声音。

在这个例子中，Dog 类继承了 Animal 类的 speak 方法，所以当我们调用 dog.speak() 时，会输出相应的信息。

方法重写

方法重写就像是家族中的晚辈对长辈的技能进行了改进和创新。在子类中，我们可以重写从父类继承来的方法，以实现不同的功能。

还是以上面的例子为例，我们来重写 Dog 类的 speak 方法：

class Animal {
    constructor(name) {
        this.name = name;
    }
    speak() {
        console.log(`${this.name} 发出了声音。`);
    }
}
class Dog extends Animal {
    constructor(name) {
        super(name);
    }
    // 重写 speak 方法
    speak() {
        console.log(`${this.name} 汪汪叫。`);
    }
}
const dog = new Dog('旺财');
dog.speak(); // 输出：旺财 汪汪叫。

在这个例子中，Dog 类重写了 Animal 类的 speak 方法，当我们调用 dog.speak() 时，会输出新的信息。

总结

下面我们用一个表格来总结一下类的继承与方法重写：
| 概念 | 描述 | 示例 |
| —— | —— | —— |
| 类的继承 | 子类继承父类的属性和方法，使用 extends 关键字 | class Dog extends Animal |
| 方法重写 | 子类重写从父类继承来的方法，实现不同的功能 | 在 Dog 类中重写 speak 方法 |

通过类的继承与方法重写，我们可以提高代码的复用性和可维护性。子类可以继承父类的通用功能，同时又可以根据自己的需求进行定制和扩展。这就像一个家族，既有传承又有创新，不断发展壮大。在前端开发中，合理运用类的继承与方法重写，可以让我们的代码更加简洁、高效。

总之，类的继承与方法重写是 JavaScript 中非常重要的特性，掌握它们可以让我们在开发中更加得心应手。希望通过这篇文章，你对类的继承与方法重写有了更深入的理解。