如何在實際專案中使用 JavaScript 類

JavaScript 類別是組織程式碼的好方法。讓我們看看如何在簡單的待辦事項清單應用程式中使用它們。

宣告一個類別

我們定義一個Task類別來管理任務：

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

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

建立實例

您可以建立這樣的任務：

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 }

繼承

為特定類型的任務擴展 Task 類別：

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); 

靜態方法與 Getter/Setter

您可以新增靜態方法來對任務進行排序，並使用 getter 和 setter 來管理資料驗證。

有關更詳細的指南，請查看我在 Medium 上的完整文章：如何在實際專案中使用 JavaScript 類別。

以上是如何在實際專案中使用 JavaScript 類的詳細內容。更多資訊請關注PHP中文網其他相關文章！