TypeScript, introduction aux classes

Pourquoi est-ce important d’avoir des classes en JavaScript? Les classes offrent une structure abstraite. Fournir une méthodologie cohérente pour les développeurs d’utiliser des classes à la place des formats des frameworks (emberjs, reactjs, etc..) Les développeurs orienté objets comprennent facilement le fonctionnement des classes Observons le fonctionnement de class avec l’exemple classique du Point: Cette classe va générer le code suivant en ES5 : C’était une façon classique de faire des classes en ES5, pas très pratique avec tous les prototypes. Héritage Les classes en TypeScript (comme dans les autres langages) permettent l’héritage en utilisant le mot-clef extends. Si vous avez un constructeur dans votre classe et que vous devez appeler le constructeur parent dans votre constructeur actuel. Assurez-vous d’utiliser le mot clef super. Il est assez facile d’utiliser le mot clef super pour surcharger une méthode. Dans notre exemple, j’ai surchargé la méthode add() en utilisant super.add() dans cette même méthode. Statique Les classes TypeScript peuvent avoir des propriétés statiques qui sont partagées entre toutes les instances de la classe. Souvent nous les définissons dans la classe elle-même comme dans l’exemple suivant : Il est possible d’avoir des propriétés statiques comme des fonctions statiques. Public, protected, private Comme dans tous les langages objets, nous retrouvons en TypeScript des accesseurs qui déterminent l’accessibilité des propriétés d’une classe. Si un accesseur n’est pas spécifié, alors public est défini par défaut. Vous pourrez trouver un exemple d’utilisation des différents accesseurs ci-dessous : Le constructeur non obligatoire Une classe en TypeScript n’a pas forcement besoin d’avoir un constructeur : Définir quand même un constructeur Pour définir une propriété d’une classe, il est quand même préférable de passer par un constructeur comme suit : Il est possible de déclarer directement dans les paramètres du constructeur : Et voilà, on a fait à peu près le tour du sujet. Les classes en TypeScript constituent vraiment une petite révolution pour structurer un peu mieux son code JavaScript, autrement qu’avec les prototypes. Pour aller plus loin : http://pierreterrat.com/pourquoi-typescript En espérant que vous avez appris des choses, à la semaine prochaine. No related posts.