2.7 Comprendre les classes

Nous avons appris sur les importations et les exportations une autre caractéristique essentielle de la prochaine génération Javascript et que les classes si vous venez dans ce langage de programmation vous connaissez peut-être déjà des classes les classes sont essentiellement des plans pour les objets dans notre cas ici pour les objets Javascript une classe créée avec le mot classe et une classe peut avoir à la fois des propriétés des méthodes les méthodes sont simplement des fonctions attachées à des classes et les propriétés sont des variables attachées à des classes vous pouvez dire que nous allons utiliser les deux dans ce cours puis nous expliquerons toujours ce que nous faisons ici

lorsque nous avons une telle propriété ou méthode une classe et instancier comme ceci avec le nouveau mot-clé et cela vous semblera peut-être familier si vous avez un peu travaillé avec Javascript vous remarquerez peut-être des fonctions de constructeur et les classes sont en quelque sorte un moyen de plus pratique de créer des fonctions de constructeur afin de créer des objets Javascript avec des classes sous forme de plan

c'est l'idée et les classes prennent également en charge l'héritage cela signifie que vous avez une autre classe dont vous héritez en prenant toutes ses propriétés et méthodes et en ajoutant potentiellement de nouvelles propriétés et méthodes cela pourrait aussi vous paraître en familier vous remarquerez peut-être des prototypes regardant le classement en action nouvelle classée ici je vais la nommer comme ça ensuite vous avez les accolades pour marquer le corps de la classe et maintenant nous pouvons maintenant commencer à utiliser les propriétés dans sa forme la plus simple une propriété est ajoutée en ajoutant un constructeur qui est une méthode de fonction par défaut vous pouvez ajouter à toutes classes qui seront exécuté chaque fois que vous instantanée la classe et que la méthode est créée avec simplement le nom de la méthode parenthèses puis entre accolades et puis là nous pouvons maintenant configurer la propriété avec le mot-clé this et nous pouvons écrire ce nom est égal à Mathieu PrintMyName nous pourrions simplement sortir ceci non faisant référence à la plus propriété de nom que nous avons créée

nous pouvons maintenant utiliser cette classe pour stocker une intense dans une constante avec une nouvelle personne puis exécutée celui-ci si nous cliquons maintenant Nous voyons Mathieu c'est aussi simple d'utiliser une classe maintenant j'ai dit que les classes peuvent aussi héritez nous pouvons créer une classe humaine et y ajouter un constructeur pour le définir sexe = homme ou femme bien sûr si vous voulez ce que vous ressentez et maintenant si personne étant alors c'est un mot-clé qui s'étend un nouvel humain maintenant nous étions de cette propriété et de cette méthode printgender et nous pouvons également utiliser les deux sur la personne afin d'appeler une personne printgender comme ça cependant avant de réussir nous allons l'essayer nous aurons une erreur que nous devons appeler les super-constructeurs dans la classe dérivée et c'est important si vous entendez une autre classe et implémenter le constructeur ce que vous n'avez pas à faire

mais si vous êtes alors vous devez ajouter cette super méthode spéciale dans le constructeur c'est un mot-clé qui exécute simplement le constructeur parent auquel vous devez bien sûr vous corriger pour réinitialiser la classe parente alors maintenant vous voyez clairement Matthieu et mâle évidemment vous pouvez maintenant entrer dans votre classe de personne et toujours définir le sexe ici ce qui n'est pas correct à 100% ici mais c'est juste pour montrer que cela fonctionne nous voyons maintenant que nous imprimons en des femmes même si nous apprenons toujours printgender ici mais il est étendu par personne dans ce sont des classes et les classes sont utilisées par react pour créer ses composants au moins c'est l'une des deux manières de créer des composants voici comment vous allez me voir utiliser dans ce cours et il est important de comprendre que les classes ne sont que des plans pour des objets Javascript et qu'ils sont très comparables aux constructeurs ou l'héritage et comparables aux prototypes