2.8 Class Méthodes Propriété

Ainsi, dans la dernière vidéo, nous avons appris sur les classes et sur les propriétés et les méthodes.Ici aussi. Maintenant, javascript de nouvelle génération offre également une syntaxe différente pour l'initialisation des propriétés et des méthodes.Et en fait, c'est cette syntaxe plus moderne que je vais utiliser dans ce cours. Donc, je veux vous le montrer ici aussi.Vous avez déjà appris que les propriétés ressemblent à des variables que vous associez à des classes et à des objets,les méthodes à des fonctions attachées à des classes et à des objets, et vous en apprendrez plus sur cette syntaxe dans laquelle nous définissons des propriétés dans la fonction constructeur.Maintenant, il existe une syntaxe plus moderne qui nous évite d'utiliser cette fonction constructeur avec la prochaine génération de javascript,comme nous allons l'utiliser dans ce cours.Vous pouvez affecter une propriété directement dans votre classe avec myProperty égal à valeur.Donc, vous sautez l'appel de fonction constructeur.En coulisse, cela sera toujours transformé pour utiliser des fonctions de constructeur.Mais vous aurez plus de facilité à écrire ceci et pour les méthodes, c'est assez similaire.

C'est la vieille façon.Je vous l'ai montré dans la dernière vidéo. Maintenant, la méthode javascript de la prochaine génération consiste à utiliser la syntaxe de gauche où vous définissez une propriété. Imaginez simplement une méthode comme une propriété qui stocke une fonction sous forme de valeur et vous vous retrouvez, ainsi Ma méthode est égale à, puis une fonction de flèche.Le grand avantage de cette syntaxe est que, puisque vous utilisez une fonction de flèche comme valeur de propriété ici, le mot-clé this n'a aucun problème. C'est la raison exacte pour laquelle nous allons utiliser cette syntaxe ici, dans le coin inférieur droit,et la syntaxe correspondante. le coin inférieur gauche tout au long de ce cours.Laissez-moi vous montrer les syntaxes.Revenons à jsbin sur le projet sur lequel nous avons déjà travaillé avec les classes humaine et humaine.Nous pouvons supprimer le constructeur et le mot-clé this et juste mettre le genre égal à mâle et à imprimer.Le genre peut être égal à une fonction de flèche où nous console log le sexe utilise toujours le mot-clé this ici lorsque nous contactons la propriété.

Bien que vous puissiez ignorer cette flèche pour le moment, nous n'avons plus besoin du constructeur et nous n'avons plus besoin d'appeler super pour cette raison Au lieu de cela, nous appelons ce nom sans ce nom: égal à Matthieu et sexe égal à femme si vous le souhaitez et printMyName à une fonction de flèche égale comme ceci.Maintenant, si vous effacez ceci et exécutez ceci, vous obtiendrez une erreur car il ne reconnaît pas la syntaxe dont vous avez réellement besoin pour aller au menu déroulant où il est indiqué javascript et choisissez ES6 Si vous faites cela et que vous appuyez sur clear et que vous appuyez sur run , vous verrez Matthieu et une femme. Vous verrez toujours les flèches à gauche mais vous pouvez les ignorer.C'est la syntaxe javascript de la prochaine génération que nous allons utiliser dans ce cours.