Guide des débutants des cours en JavaScript

Les classes sont un modèle / plan pour les objets. Ils simplifient le processus de création de plusieurs objets avec des propriétés et des méthodes similaires. Les cours n'étaient pas présents dans ES5 et ont été introduits dans la version ES6 de JavaScript. Les classes ne sont que du sucre syntaxique en JavaScript, construits sur des prototypes et fonctionnent de la même manière dans les coulisses.

Comment utiliser des classes en javascript

Prenons l'exemple d'un programmeur qui doit faire cinq objets pour cinq utilisateurs différents. Il écrira le code suivant:

const user1 =
Fname: "Mary" ,
Lname: "Jane" ,
Âge: 23 ,
ID: 01
;
const user2 =
Fname: "John" ,
Lname: "Doe" ,
Âge: 47 ,
ID: 02
;
const user3 =
Fname: "Jane" ,
Lname: "Doe" ,
Âge: 34 ,
ID: 03
;
const user4 =
Fname: "John" ,
Lname: "Smith" ,
Âge: 18 ,
ID: 04
;
const user5 =
Fname: "Mary" ,
Lname: "Anne" ,
Âge: 22 ,
ID: 05
;

Dans l'exemple ci-dessus, le code a beaucoup de répétitivité car tous les objets ont des propriétés similaires. Nous pouvons facilement éliminer la répétitivité dans le code et la rendre plus organisée en utilisant une classe.

En javascript, le classe Le mot-clé est utilisé pour créer une classe. Les classes de JavaScript utilisent une méthode nommée constructeur(). Il s'exécute automatiquement lors de la création d'un nouvel objet. Il initialise les propriétés de l'objet.

classUser
Constructeur (FirstName, LastName, Age, Id)
ce.fname = firstName;
ce.lname = lastName;
ce.âge = âge;
ce.id = id;

Dans l'exemple ci-dessus, nous avons créé une nouvelle classe nommée Utilisateur. Il sert de modèle / plan pour tous les objets utilisateur que nous voulons faire. Le constructeur prend quatre arguments et fait quatre propriétés pour chaque objet. Ces propriétés sont nommées fname, lname, âge, et identifiant et peut être accessible en utilisant la syntaxe suivante (après avoir créé l'objet)

objet_name.nom de la propriété

Le 'ce' Le mot-clé dans l'exemple fait référence à l'objet qui possède le âge propriété. Ce mot-clé est utilisé pour accéder à la valeur d'une propriété dans un objet.

Nous allons maintenant créer les objets utilisateur indiqués dans le premier exemple en utilisant le Utilisateur classe.

classUser
Constructeur (FirstName, LastName, Age, Id)
ce.fname = firstName;
ce.lname = lastName;
ce.âge = âge;
ce.id = id;


const user1 = newuser («Mary», «Jane», 23, 01);
const user2 = nouvel utilisateur («John», «Doe», 47, 02);
const user3 = new User ('Jane', 'Doe', 34, 03);
const user4 = nouvel utilisateur («John», «Smith», 18, 04);
const user5 = nouvel utilisateur («Mary», «Anne», 22, 05);

Ici, vous pouvez voir que le code est devenu beaucoup plus lisible.

Quelles sont les méthodes dans les classes JavaScript

Nous pouvons également ajouter des méthodes aux classes en javascript. Ces méthodes peuvent être facilement ajoutées au corps de la classe après le constructeur en utilisant la même syntaxe qui est utilisée dans les objets:

classUser
Constructeur (FirstName, LastName, Age, Id)
ce.fname = firstName;
ce.lname = lastName;
ce.âge = âge;
ce.id = id;

Année de naissance()
const date = newDate ();
Laissez l'année = date.getlyear () - ceci.âge;
année de retour;


const user1 = nouvel utilisateur («Mary», «Jane», 23, 01);
const user2 = nouvel utilisateur («John», «Doe», 47, 02);
const user3 = new User ('Jane', 'Doe', 34, 03);
const user4 = nouvel utilisateur («John», «Smith», 18, 04);
const user5 = nouvel utilisateur («Mary», «Anne», 22, 05);

Maintenant, si nous essayons d'accéder au Année de naissance() Méthode et imprimez-le sur la console en utilisant le console.enregistrer() Méthode, alors nous obtiendrons la sortie suivante:

console.journal (user1.Année de naissance());
console.journal (user2.Année de naissance());
console.journal (user3.Année de naissance());
console.journal (user4.Année de naissance());
console.journal (user5.Année de naissance());

Comment utiliser les méthodes Getter et Setter

Les méthodes Getter et Setter peuvent être utilisées dans une classe pour obtenir et définir la valeur d'une propriété dans un objet. Utilisez le obtenir ou ensemble Mot-clé pour utiliser la méthode Getter ou Setter, respectivement:

classUser
Constructeur (FirstName, LastName, Age, Id)
ce.fname = firstName;
ce.lname = lastName;
ce.âge = âge;
ce.id = id;

Get Userage ()
Retour ce.âge;

Définir l'utilisateur (i)
ce.âge = i;


const user1 = nouvel utilisateur («Mary», «Jane», 23, 01);
console.journal (user1.âge); // sortira 23
// définir la valeur de la propriété d'âge
User1.utilisateur = 24;
console.journal (user1.âge); // sortira 24

Conclusion

Les classes sont des modèles de code utilisés pour créer de nouveaux objets avec des propriétés et des méthodes similaires. Ils sont utiles lorsque le codeur doit faire plusieurs objets différents avec des propriétés similaires.

Dans cet article, nous avons discuté des cours. Nous avons appris à les utiliser pour créer des objets. De plus, nous avons également appris à ajouter différentes méthodes aux objets en utilisant des classes.