如何在实际项目中使用 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中文网其他相关文章！