実際のプロジェクトで JavaScript クラスを使用する方法

JavaScript クラスは、コードを整理するための優れた方法です。シンプルな To Do リスト アプリでこれらを使用する方法を見てみましょう。

クラスの宣言

タスクを管理するための 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); 

静的メソッドとゲッター/セッター

タスクを並べ替えるための静的メソッドを追加し、ゲッターとセッターを使用してデータ検証を管理できます。

より詳細なガイドについては、Medium に関する私の投稿全文をご覧ください: 実際のプロジェクトで JavaScript クラスを使用する方法

以上が実際のプロジェクトで JavaScript クラスを使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。