JavaScript中的类和继承|极客笔记

JavaScript中的类和继承

JavaScript 是一种面向对象的编程语言，尽管在语言设计上它是一种基于原型的语言，但在 ES6（ECMAScript 2015）之后，引入了类和继承的概念，使得JavaScript更加接近传统的面向对象编程语言。

在本文中，我们将详细讨论 JavaScript 中类和继承的概念，包括如何定义类、创建类的实例、类方法和属性的定义、继承和原型链等内容。

定义类

在 JavaScript 中，定义一个类使用 class 关键字。类可以包含构造函数（constructor）、方法（methods）、属性（properties）等成员。

下面是一个简单的类的示例：

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

  speak() {
    console.log(`${this.name} makes a noise.`);
  }
}

const animal = new Animal('Cat');
animal.speak(); // 输出：Cat makes a noise.

在上面的示例中，我们定义了一个 Animal 类，它包含了一个构造函数和一个 speak 方法。然后我们创建了一个 Animal 类的实例 animal，并调用了 speak 方法。

创建类的实例

要创建一个类的实例，我们使用 new 关键字后跟类的名称和必要的参数（如果有的话）。

const animal = new Animal('Dog');
animal.speak(); // 输出：Dog makes a noise.

在上面的示例中，我们创建了一个新的 Animal 类的实例 animal，并传入了参数 'Dog' 给构造函数。

类方法和属性

类中可以定义对应的方法和属性。方法是类中的函数，用于执行特定的操作；属性用于存储对象的状态。

class Rectangle {
  constructor(width, height) {
    this.width = width;
    this.height = height;
  }

  area() {
    return this.width * this.height;
  }
}

const rectangle = new Rectangle(5, 10);
console.log(rectangle.area()); // 输出：50

在上面的示例中，我们定义了一个 Rectangle 类，它有两个属性 width 和 height，以及一个 area 方法用于计算矩形的面积。然后我们创建了一个 Rectangle 类的实例 rectangle，并调用了 area 方法来计算面积。

继承

在面向对象编程中，继承是一种重要的概念，它可以帮助我们避免重复编写相似的代码。在 JavaScript 中，我们可以使用 extends 关键字来实现继承。

下面是一个继承的示例：

class Cat extends Animal {
  constructor(name, breed) {
    super(name);
    this.breed = breed;
  }

  info() {
    console.log(` ${this.name} is a$ {this.breed}.`);
  }
}

const cat = new Cat('Tom', 'Siamese');
cat.speak(); // 输出：Tom makes a noise.
cat.info(); // 输出：Tom is a Siamese.

在上面的示例中，我们定义了一个 Cat 类，它继承自 Animal 类。通过使用 extends 关键字，Cat 类可以继承 Animal 类的属性和方法。在 Cat 类的构造函数中，我们调用 super(name) 来调用父类的构造函数，然后添加了一个额外的属性 breed。最后，我们创建了一个 Cat 类的实例 cat，并调用了 speak 和 info 方法。

原型链

在 JavaScript 中，类和继承是基于原型的。每个对象都有一个原型链，它是一个对象链，沿着这条链可以找到对象的原型、原型的原型，直到最终找到 Object 的原型为止。

console.log(cat instanceof Cat); // 输出：true
console.log(cat instanceof Animal); // 输出：true
console.log(cat instanceof Object); // 输出：true

在上面的示例中，我们使用 instanceof 操作符来检查对象的类型。cat 是 Cat 类的实例，也是 Animal 类的实例，同时也是 Object 类的实例。这就涉及到了原型链的概念，它帮助我们理解对象之间的继承关系。

总结

通过本文的介绍，我们了解了 JavaScript 中类和继承的概念。类是面向对象编程的重要组成部分，它让我们可以更好地组织和管理代码。继承则是一种重要的设计模式，它可以帮助我们避免重复编写代码，提高代码的复用性和可维护性。

JavaScript中的类和继承