JS 类列表多个类 - Javascript

在Javascript中，类是一种创建对象的蓝图或模板。一个类可以有多个实例对象，每个实例对象都具有相同的属性和方法。在本文中，我们将探讨如何创建多个类和如何使用它们。

创建一个类

我们可以使用class关键字来创建一个类。下面是一个简单的示例：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  
  sayHi() {
    console.log(`Hi, my name is ${this.name} and I'm ${this.age} years old.`);
  }
}

上面的代码创建了一个Person类，它有一个constructor方法来初始化实例对象的属性，还有一个sayHi方法来打印一个简单的问候语。我们可以使用以下代码创建一个名为jane的Person实例：

const jane = new Person('Jane', 25);
jane.sayHi(); // 输出：Hi, my name is Jane and I'm 25 years old.

创建另一个类

在Javascript中，我们可以创建多个类。下面是另一个示例：

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

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

上面的代码创建了一个Rectangle类，它有一个constructor方法来初始化实例对象的属性，还有一个getArea方法来计算矩形的面积。我们可以使用以下代码创建一个名为rect的Rectangle实例：

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

使用两个类

现在我们可以使用两个不同的类来创建一个更完整的示例。假设我们需要定义一个Person类，它具有name和age属性，还有一个Rectangle类，它具有width和height属性。我们想创建一个名为jane的人物，她有一个宽为5、高为10的矩形对象。以下是代码示例：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  
  sayHi() {
    console.log(`Hi, my name is ${this.name} and I'm ${this.age} years old.`);
  }
}

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

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

const jane = new Person('Jane', 25);
const rect = new Rectangle(5, 10);

console.log(jane.name); // 输出：'Jane'
console.log(rect.getArea()); // 输出：50

总结

在Javascript中，我们可以创建多个类并使用它们来创建更完整的程序。要创建一个类，我们需要使用class关键字并定义constructor方法和其他方法。我们可以使用多个类来创建复杂的程序，并且每个类可以有多个实例对象。