js class list类列表|极客笔记

js class list类列表

1. 引言

JavaScript 是一种强大的脚本语言，具有灵活的对象模型和面向对象的特性。面向对象编程是一种编程范式，其中的核心概念是”类”和”对象”。在 JavaScript 中，我们可以使用类来创建对象，并通过这些对象调用类中定义的方法和属性。

本文将详细讨论 JavaScript 中的类列表，包括如何定义和使用类、继承、静态方法、实例方法等。通过学习类的相关知识，您能更好地理解 JavaScript 的面向对象编程，并能够更好地运用这些概念来解决实际问题。

2. 类的定义

在 JavaScript 中，我们可以通过 class 关键字来定义一个类。一个类可以包含属性和方法，它们定义了类的行为和特征。下面是一个简单的示例：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  sayHello() {
    console.log(`Hello, my name is  ${this.name}. I'm$ {this.age} years old.`);
  }
}

在上面的示例中，我们定义了一个名为 Person 的类。它有两个属性 name 和 age，以及一个方法 sayHello。构造函数 constructor 用于初始化类的实例属性，而 sayHello 方法用于输出问候语。

3. 类的实例化

一旦我们定义了一个类，就可以实例化该类来创建对象。要实例化一个类，我们使用 new 关键字，并传递构造函数所需的参数。

下面是实例化 Person 类的示例：

let person1 = new Person('Alice', 25);
let person2 = new Person('Bob', 30);

person1.sayHello();  // 输出：Hello, my name is Alice. I'm 25 years old.
person2.sayHello();  // 输出：Hello, my name is Bob. I'm 30 years old.

在上面的示例中，我们分别创建了 person1 和 person2 两个 Person 类的实例，并调用了它们的 sayHello 方法。

4. 类的继承

继承是面向对象编程中的一个重要概念，它允许我们基于现有的类创建新的类，并继承父类的属性和方法。在 JavaScript 中，使用关键字 extends 来实现继承。

下面是一个继承示例：

class Student extends Person {
  constructor(name, age, grade) {
    super(name, age);
    this.grade = grade;
  }

  study() {
    console.log(` ${this.name} is studying in grade$ {this.grade}.`);
  }
}

在上面的示例中，我们定义了一个名为 Student 的类，它继承自 Person 类。Student 类新增了一个属性 grade 和一个方法 study。使用 super 关键字来调用父类的构造函数，以初始化继承得到的属性。

现在我们可以实例化 Student 类，并调用它的方法：

let student = new Student('Tom', 15, 9);
student.sayHello();  // 输出：Hello, my name is Tom. I'm 15 years old.
student.study();     // 输出：Tom is studying in grade 9.

在上面的示例中，我们创建了一个名为 student 的 Student 类的实例，并调用了它的 sayHello 和 study 方法。这些方法分别继承自 Person 类和 Student 类。

5. 静态方法和实例方法

在 JavaScript 类中，我们可以定义两种类型的方法：静态方法和实例方法。

静态方法是属于类本身的方法，而不是类的实例。它们可以直接通过类访问，不需要实例化类。

实例方法是属于类的实例的方法，它们只能通过类的实例来访问。

下面是一个示例，展示了静态方法和实例方法的定义和使用：

class MathUtils {
  static add(a, b) {
    return a + b;
  }

  subtract(a, b) {
    return a - b;
  }
}

console.log(MathUtils.add(2, 3));  // 静态方法调用，输出：5

let mathUtils = new MathUtils();
console.log(mathUtils.subtract(5, 2));  // 实例方法调用，输出：3

在上面的示例中，我们定义了一个名为 MathUtils 的类，它有一个静态方法 add 和一个实例方法 subtract。我们可以直接通过类调用静态方法，而实例方法需要通过实例来调用。