Classes en JavaScript | Expliqué pour les débutants

Classes en JavaScript | Expliqué pour les débutants
Les cours dans un langage de programmation sont une caractéristique qui appartient à l'approche traditionnelle orientée objet et en JavaScript, il a certaines des mêmes fonctionnalités. La classe de programmation est une structure pour créer des objets

Des cours ont été ajoutés en 2015 avec la sortie de la version ES6 de JavaScript. Les classes sont le mappage des objets réels dans les langages de programmation objets.

Pourquoi créer une classe

Très précisément, pour gagner du temps et pour éviter la redondance, ce sont les principales raisons pour lesquelles les classes sont utilisées en JavaScript. Par exemple, si vous souhaitez faire des objets de 50 personnes ayant presque les mêmes propriétés: prénom, nom de famille et âge; Vous devrez écrire la structure de 50 objets différents. Mais avec les classes d'utilisation, vous pouvez créer un seul modèle et cartographier des objets infinis sur ce même modèle.

De plus, se référant à l'approche orientée objet, les classes sont utilisées pour mettre en œuvre le concept de modularité dans un projet, et également pour mettre en œuvre des processus de développement comme le processus de développement incrémentiel facilement.

Comment définir une classe

Pour définir une classe, vous utilisez le mot-clé réservé "classe" Et puis le nom de la classe et accolades Après l'identifiant. Les données de la classe sont écrites à l'intérieur des supports bouclés.

Un exemple simple de Personne La classe serait comme:

classe de classe
// Données de la classe - Constructeur, variables et méthodes

Comment travailler avec une classe JavaScript

Pour travailler avec une classe, il doit avoir certaines propriétés de l'objet et une méthode de constructeur. Pour démontrer le fonctionnement des cours et des objets, nous créerons une classe pour les personnes avec l'identifiant "Personne". Par conséquent, pour créer une classe de personne, vous pouvez utiliser les lignes de code suivantes:

classe de classe
// Le code ultérieur arrivera ici, à l'intérieur de la classe

Variables de classe sont des variables connues sous le nom de propriétés des objets. Ces variables peuvent également être des variables requises pour une certaine méthode de classe.

Pour la classe de personne, pour créer les variables de classe: prénom, nom de famille, âge, et emploi, Le code suivant à l'intérieur des supports bouclés de la classe sera utilisé:

prénom;
nom de famille;
âge;
emploi;

Le constructeur méthode est automatiquement exécuté lorsqu'un nouvel objet est créé, la méthode du constructeur est utilisée pour initialiser toutes les variables et les méthodes de la classe. La méthode du constructeur est obligatoire pour qu'une classe fonctionne, mais il est facultatif pour le développeur de créer une méthode de constructeur car JavaScript créera une méthode de constructeur vide pour les classes sans constructeur.

La méthode du constructeur est créée en utilisant le constructeur de mots clés réservé et en mettant des parenthèses autour. Dans ces parenthèses, vous pouvez définir les arguments requis pour qu'un objet soit mappé sur cette classe et même utiliser des paramètres par défaut.

Pour créer un constructeur pour le Personne Classe Le code suivant sera utilisé pour attribuer les valeurs aux propriétés de l'objet.

Constructeur (FirstName = "John", LastName = "Doe", Age = 20, Job = "Freelancer")
ce.FirstName = FirstName;
ce.LastName = LastName;
ce.âge = âge;
ce.Job = Job;

Comme vous pouvez le voir dans le code ci-dessus, nous utilisons des paramètres par défaut pour éviter un argument vide.

Méthodes de classe sont des fonctions normales qui sont accessibles en utilisant le Opérateur de points "." avec l'identifiant de l'objet, mais contrairement aux fonctions normales, le mot-clé "fonction" n'est pas utilisé pour définir une méthode de classe; Vous tapez plutôt le nom de la méthode et mettez des supports ronds devant et écrivez le code JavaScript de la méthode enfermée dans accolades .

Vous allez créer une méthode qui imprimera les détails de l'objet de la personne en utilisant les lignes de code suivantes:

printdetails ()
console.journal ("nom:" + ceci.FirstName + "" + ceci.nom de famille);
console.journal ("Âge:" + ceci.âge);
console.journal ("travail:" + ceci.emploi);

Vous avez terminé une classe de base, le code complet de cette classe est:

CLASSPERSON
prénom;
nom de famille;
âge;
emploi;
constructeur(
FirstName = "John",
LastName = "Doe",
Âge = 20,
Job = "Freelancer"
)
ce.FirstName = FirstName;
ce.LastName = LastName;
ce.âge = âge;
ce.Job = Job;

printdetails ()
console.journal ("nom:" + ceci.FirstName + "" + ceci.nom de famille);
console.journal ("Âge:" + ceci.âge);
console.journal ("travail:" + ceci.emploi);

Cartographie et utilisation d'objets contre les classes

Vous devez maintenant cartographier les objets à cette classe. Pour cela, vous allez créer un objet P1 et le définir égal au constructeur de la classe de personne avec la clé "nouveau". Vous pouvez même créer plus d'objets et leur donner les noms que vous voulez. Cela mapperait notre variable d'objet à la personne de la classe. Nous pouvons créer des quantités infinies d'objets contre cette personne de classe.

P1 = nouvelle personne ("William", "Mark", 35, "écrivain");
p2 = nouvelle personne ("Henry", "Clark", 22, "auditeur");

Pour accéder au printdetails () Méthode de l'objet Nous devons simplement utiliser le dot-opérateur comme:

P1.printdetails ();
P2.printdetails ();

Après avoir exécuté l'ensemble du code, vous verrez cette sortie sur la console:

Comme vous pouvez le voir dans l'extrait ci-dessus, nous avons imprimé les détails de 2 objets différents ayant les mêmes propriétés mais des valeurs différentes.

Conclusion

Les classes en JavaScript sont utilisées pour définir une cartographie pour les objets ayant les mêmes propriétés et fonctions. Ces classes sont également appelées l'implémentation de la modularité en utilisant l'approche orientée objet. Nous avons appris quelles sont les classes, comment les définir, comment travailler avec eux et comment les utiliser pour créer des objets ainsi que des exemples.