So verwenden Sie JavaScript-Klassen in realen Projekten

JavaScript-Klassen sind eine großartige Möglichkeit, Code zu organisieren. Sehen wir uns an, wie Sie sie in einer einfachen To-Do-Listen-App verwenden können.

Eine Klasse deklarieren

Wir definieren eine Task-Klasse zum Verwalten von Aufgaben:

class Task {
  constructor(description, dueDate) {
    this.description = description;
    this.dueDate = dueDate;
    this.isDone = false;
  }

  markAsDone() {
    this.isDone = true;
  }
}

Instanzen erstellen

Sie können Aufgaben wie folgt erstellen:

const task1 = new Task('Write blog post', '2023-11-15');
task1.markAsDone();
console.log(task1); 
// Task { description: 'Write blog post', dueDate: '2023-11-15', isDone: true }

Vererbung

Erweitern Sie die Task-Klasse für bestimmte Arten von Aufgaben:

class ShoppingTask extends Task {
  constructor(description, dueDate, items) {
    super(description, dueDate);
    this.items = items;
  }
}

const shoppingTask = new ShoppingTask('Buy groceries', '2023-11-20', ['Apples', 'Milk']);
console.log(shoppingTask); 

Statische Methoden und Getter/Setter

Sie können statische Methoden zum Sortieren von Aufgaben hinzufügen und Getter und Setter verwenden, um die Datenvalidierung zu verwalten.

Eine detailliertere Anleitung finden Sie in meinem vollständigen Beitrag auf Medium: So verwenden Sie JavaScript-Klassen in echten Projekten.

Das obige ist der detaillierte Inhalt vonSo verwenden Sie JavaScript-Klassen in realen Projekten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!