请展示一下js的class继承和重写的用法

当然，我可以展示一下JS的class继承和重写的用法。以下是一个例子：

class Animal {
  constructor(name) {
    this.name = name;
  }

  makeSound() {
    console.log('Animal sound');
  }
}

class Cat extends Animal {
  constructor(name) {
    super(name);
  }

  makeSound() {
    console.log('Meow');
  }
}

const cat = new Cat('Tom');
cat.makeSound(); // Output: 'Meow'

在这个例子中，我们定义了一个父类`Animal`和一个子类`Cat`。子类`Cat`继承了父类`Animal`的属性和方法。子类`Cat`重写了父类`Animal`的`makeSound()`方法。在`Cat`类的实例中，当我们调用`makeSound()`方法时，会输出`Meow`而不是`Animal sound`。

希望这个例子对你有所帮助！

相关问题

js 原型继承关键字和示列详解

1. 原型

在 JavaScript 中，每个对象都有一个原型对象，原型对象是一个普通的对象，其中包含了一些属性和方法。当我们访问对象的属性或方法时，如果该对象本身没有该属性或方法，JavaScript 引擎会自动去该对象的原型对象中查找，如果原型对象中仍然没有，则会在原型对象的原型对象中查找，一直查找到 Object.prototype，最后如果还没有找到，则会返回 undefined 。

2. 继承

在 JavaScript 中，我们可以通过继承来实现代码复用和对象之间的关系。JavaScript 中的继承有两种方式：通过原型链继承和通过构造函数继承。

3. 原型继承

原型继承是指在 JavaScript 中通过设置对象的原型来实现继承的方式。具体的实现方式有很多种，其中一种比较常见的方式是使用 Object.create() 方法来创建一个新对象，并将原型指定为另一个对象。示例如下：

let animal = {
    eat() {
        console.log("eating");
    }
};

let rabbit = Object.create(animal);

rabbit.eat(); // 输出 "eating"

在上面的示例中，我们首先定义了一个 animal 对象，它包含一个 eat() 方法。然后我们通过 Object.create() 方法创建了一个新对象 rabbit，并将其原型设置为 animal，这样就实现了 rabbit 对象从 animal 对象继承 eat() 方法的功能。我们可以通过调用 rabbit.eat() 来验证该方法确实存在于 rabbit 对象中。

4. 关键字

在 JavaScript 中，有一些关键字和函数可以用来实现原型继承。其中最常用的关键字是 extends 和 super。

extends 关键字可以用来继承一个类，示例如下：

class Animal {
    eat() {
        console.log("eating");
    }
}

class Rabbit extends Animal {
    run() {
        console.log("running");
    }
}

let rabbit = new Rabbit();
rabbit.eat(); // 输出 "eating"
rabbit.run(); // 输出 "running"

在这个示例中，我们首先定义了一个 Animal 类，并为其定义了一个 eat() 方法。然后我们定义了一个 Rabbit 类，该类使用 extends 关键字继承了 Animal 类，并为其定义了一个 run() 方法。我们通过实例化 Rabbit 类来创建一个 rabbit 对象，并通过调用 rabbit.eat() 和 rabbit.run() 来验证其继承效果。

super 函数用于在子类中调用父类的同名方法。示例如下：

class Animal {
    constructor(name) {
        this.name = name;
    }

    speak() {
        console.log(this.name + " makes a noise.");
    }
}

class Dog extends Animal {
    constructor(name) {
        super(name);
    }

    speak() {
        console.log(this.name + " barks.");
    }
}

let dog = new Dog("Rex");
dog.speak(); // 输出 "Rex barks."

在这个示例中，我们首先定义了一个 Animal 类，并为其定义了一个构造函数和一个 speak() 方法。然后我们定义了一个 Dog 类，该类继承了 Animal 类，并为其定义了一个构造函数和一个 speak() 方法。

在 Dog 类的构造函数中，我们调用了父类的构造函数，并传入了 name 参数。在 Dog 类的 speak() 方法中，我们使用 super 函数调用了父类的同名方法，并将其重写为输出“barks.”。我们通过实例化 Dog 类来创建一个 dog 对象，并通过调用 dog.speak() 来验证其继承效果。

总结

在 JavaScript 中，原型继承是一种非常重要的对象复用和代码组织方式。我们可以使用原型对象来实现原型继承，也可以使用关键字和函数来简化继承的过程。在实际开发中，我们需要根据具体的业务场景和需求来选择最合适的继承方式和实现方法。

js class Extends

`extends` 是 ES6 中的一个关键字，用于实现类的继承。通过 `extends` 关键字，子类可以继承父类的属性和方法，并且可以在子类中重写父类的方法。

下面是一个使用 `extends` 实现类继承的示例代码：

class Animal {
  constructor(name) {
    this.name = name;
  }

  speak() {
    console.log(this.name + ' makes a noise.');
  }
}

class Dog extends Animal {
  constructor(name) {
    super(name); // 调用父类的 constructor 方法
  }

  speak() {
    console.log(this.name + ' barks.');
  }
}

let dog = new Dog('Rex');
dog.speak(); // 输出: Rex barks.

在上面的代码中，`Animal` 类有一个 `speak` 方法，`Dog` 类继承了 `Animal` 类，并且重写了 `speak` 方法。在创建 `Dog` 类的实例后，调用 `speak` 方法会输出 `Rex barks.`。