📜  添加多个类 javascript (1)

📅  最后修改于: 2023-12-03 15:27:01.890000             🧑  作者: Mango

添加多个类到Javascript中

在Javascript中,我们可以使用class来创建对象。如果你想要添加多个类到Javascript中,可以按照以下方法进行。

1. 创建类和对象

在Javascript中,你可以使用class来创建对象,可以使用以下代码进行创建:

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

  getName() {
    return this.name;
  }

  getAge() {
    return this.age;
  }
}

const person1 = new Person('Alice', 20);
console.log(person1.getName(), person1.getAge());
2. 继承类

在Javascript中,你可以使用extends关键字继承类。你可以使用以下代码进行继承:

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

  getSalary() {
    return this.salary;
  }
}

const employee1 = new Employee('Bob', 30, 5000);
console.log(employee1.getName(), employee1.getAge(), employee1.getSalary());
3. 实现接口

在Javascript中,你也可以使用了解口,你可以使用以下代码来实现接口:

class Drawable {
  draw() {}
}

class Circle extends Drawable {
  draw() {
    // Draw circle
  }
}

class Rectangle extends Drawable {
  draw() {
    // Draw rectangle
  }
}

const shapes = [new Circle(), new Rectangle()];
shapes.forEach(shape => shape.draw());

上面的代码中,我们创建了一个Drawable接口,并实现了它在Circle和Rectangle类中。

4. 使用模块化

如果你想要在Javascript中使用模块化,可以使用ES6 Modules。你可以使用export关键字导出并使用import关键字导入类。

export class MyClass {
  constructor(name) {
    this.name = name;
  }

  getName() {
    return this.name;
  }
}

// main.js
import { MyClass } from './MyClass';
const myClass = new MyClass('Alice');
console.log(myClass.getName());

使用以上代码片段,你就可以添加多个类到Javascript中来。