JavaScript orienté objet

Name: JavaScript orienté objet
Author: Joseph Barrett

Comment mieux comprendre et utiliser les classes en JavaScript.

Preview the first lesson free — get full access to all 9 lessons.

Cours : à la demande

[Instructor} Dans cette leçon, nous allons parler de pourquoi nous pourrions envisager d'utiliser La nouvelle syntaxe de classe de JavaScript. Alors, pour commencer, soyons clairs. Ce n'est pas comme si tu ne pouvais pas faire programmation de style orienté objet en JavaScript avant, c'est juste qu'il n'y avait pas spécifiquement quelque chose qui s'appelle la classe, que vous pourriez créer. Mais vous pouvez créer ce conteneur pour les propriétés, comportements, de quelque chose que vous vouliez regrouper comme objet. Et c'est ainsi que nous l'avons fait. Nous avons donc créé une fonction, et nous envoyons quelques paramètres. Cela sert le but de le constructeur de l'objet. Et je viens d'assigner ces paramètres d'entrée aux choses que je crée en tant que propriétés. Ce point en fait une propriété de ce que sera finalement cet objet que nous créons. Où la syntaxe devient un peu plus trouble, dans le style old school, est-ce que pour ajouter des définitions de méthode dans cet objet, nous les ajouterions au prototype de cette fonction originale. Non pas que ça n'ait pas fonctionné, ça a marché et ça marche toujours, mais si vous êtes quelqu'un qui est relativement nouveau dans ce domaine, ça peut paraître un peu maladroit, un peu bizarre. Donc pour cet exemple d'objet J'ai ces quatre méthodes que j'ai créées et ajoutées. De plus, vous pouvez faire l'héritage, mais encore une fois, ce n'est peut-être pas aussi familier avec une syntaxe, comme tu l'aurais fait, si vous avez travaillé avec d'autres langages orientés objet. S'il s'agissait d'une demande de vacances, il s'agit d'une demande spéciale, et cela appelle ce constructeur de l'autre objet, rend toutes mes autres méthodes de prototype disponibles. Et là je vais. Comme je l'ai dit, cela fonctionne, cela fonctionne toujours. Mais avec les nouvelles versions de JavaScript avec ECMAScript 2015, nous avons un mot-clé de classe réel en JavaScript. Et maintenant, nous pouvons créer un constructeur. Et ce qui en fait un constructeur, est qu'il utilise en fait le mot constructeur. Désormais, contrairement aux autres langues, vous ne pouvez avoir qu'un seul constructeur. JavaScript ne fait toujours pas de surcharge comme le font les autres langues. Mais vous pouvez voir ici le processus, où nous attribuons des propriétés est fondamentalement le même. Et si je regarde ces autres méthodes, nous pourrions revenir sur cet autre code, et voir le code à l'intérieur de ceux-ci, n'est pas différent des autres cas, mais cela a beaucoup plus de sens, parce que maintenant, et vous pouvez voir quand je l'effondre, tout ce code est à l'intérieur de cette définition de classe. C'est à l'intérieur de ces accolades. C'est visuellement apparent, que tout cela fait partie de cette classe. L'héritage change également. Maintenant, je peux utiliser le mot-clé class et étend et utilise le nom de la classe de base. Et à partir de ma méthode de constructeur ici, super est ce que j'utilise pour appeler le constructeur de la classe que cela étend. Cela étant encore une fois les meilleures pratiques, vous configurez une structure de cadre de classe. Et je peux aussi ajouter mes autres propriétés à cet objet au besoin. Donc, si vous créez des objets, la meilleure façon de procéder maintenant, serait d'utiliser la syntaxe de classe. Il s'agit principalement de sucre syntaxique, en ce que cela facilite ce travail. Si vous allez regarder les internes, vous verrez qu'une classe n'est en réalité qu'une fonction spéciale. Il y a cependant quelques différences. Les définitions de fonction sont hissées, les définitions de classe ne le sont pas, alors le levage se souvient est juste cette fonction les décorations sont mises en mémoire, avant l'exécution de tout code. Vous pouvez donc potentiellement utiliser la fonction avant de le déclarer. Je préfère moi-même la classe pour cette raison. Cela rend mon code plus facile à lire. Le corps de la classe s'exécute également en mode strict, vous êtes donc également assuré de l'optimisation du code. Merci d'avoir regardé, dans la prochaine leçon, nous examinerons quelle est la structure commune d'une définition de classe.

Intermédiaire Fournisseur : Joseph Barrett 9 leçons · 37m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Dans ce cours, vous développerez des compétences en programmation JavaScript orientée objet. Vous découvrirez les classes d'objets en JavaScript, leur structure commune et comment les créer. Vous comprendrez pourquoi les classes sont importantes en JavaScript et comment déclarer les propriétés des instances de classe. Vous découvrirez des membres de classe statiques, des instances de classe et la manière de concevoir une classe. Enfin, vous découvrirez divers modules JavaScript, ce qu'est un « enum » et comment en créer un.

Ce que vous allez apprendre

Expliquer pourquoi les classes sont utilisées en JavaScript et leur importance
Décrire la structure commune d'une classe et les principes de meilleures pratiques de conception de classe
Déclarer les propriétés d'instance de classe et les membres de classe statiques
Travailler avec les instances de classe et l'héritage
Concevoir une classe à partir d'une fiche technique (spec sheet) à travers un exercice pratique
Explorer les modules JavaScript et créer une instruction d'énumération (enum)

Points clés à retenir

Le cours développe des compétences en programmation JavaScript orientée objet, couvrant les classes d'objets, leur structure commune et comment les créer.
Les apprenants comprennent pourquoi les classes sont importantes en JavaScript et comment déclarer les propriétés des instances de classe.
Le cours couvre les membres de classe statiques, les instances de classe, l'héritage et les principes des meilleures pratiques de conception de classe.
Les apprenants explorent divers modules JavaScript et apprennent ce qu'est un enum et comment en créer un.
Un exercice pratique couvre la conception d'une classe à partir d'une fiche technique (spec sheet).

Foire aux questions

Qu'est-ce que je vais apprendre dans ce cours JavaScript Orienté Objet ?

Vous apprendrez les classes d'objets en JavaScript, leur structure commune et comment les créer, pourquoi les classes sont importantes, comment déclarer les propriétés d'instance de classe, les membres de classe statiques, les instances de classe, comment concevoir une classe, les modules JavaScript, et ce qu'est un enum et comment en créer un.

Ce cours comprend-il des travaux pratiques ?

Oui. Le cours comprend un exercice sur la conception de classes, incluant une leçon sur la conception d'une classe à partir d'une fiche technique.

Quelles compétences ce cours m'aide-t-il à développer ?

Ce cours développe des compétences en JavaScript orienté objet, en JavaScript (langage de programmation), en programmation orientée objet (POO), et dans les concepts de script JavaScript associés.

Quels sujets sont abordés dans les leçons ?

Les leçons expliquent pourquoi utiliser des classes, la structure commune d'une classe, les principes des meilleures pratiques de conception de classes, la déclaration des propriétés d'instance de classe, les membres de classe statiques, les instances de classe et l'héritage, la conception d'une classe à partir d'une fiche technique, les modules JavaScript, et la création d'un enum en JavaScript.