Maison  >  Article  >  interface Web  >  Comment utiliser les classes JavaScript dans des projets réels

Comment utiliser les classes JavaScript dans des projets réels

DDD
DDDoriginal
2024-10-25 03:04:30460parcourir

How to use JavaScript Classes in real projects

Les classes JavaScript sont un excellent moyen d'organiser le code. Voyons comment vous pouvez les utiliser dans une simple application de liste de tâches.

Déclarer une classe

Nous définissons une classe Task pour gérer les tâches :

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

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

Création d'instances

Vous pouvez créer des tâches comme celle-ci :

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 }

Héritage

Étendez la classe Task pour des types spécifiques de tâches :

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

Méthodes statiques et getters/setters

Vous pouvez ajouter des méthodes statiques pour trier les tâches et utiliser des getters et des setters pour gérer la validation des données.

Pour un guide plus détaillé, consultez mon article complet sur Medium : Comment utiliser les classes JavaScript dans des projets réels.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn