Si vous écrivez du JavaScript depuis un moment, vous avez probablement déjà rencontré ce genre de situation : tout semble fonctionner… jusqu’à ce qu’un bug étrange apparaisse parce qu’une variable n’a pas le type que vous pensiez.
JavaScript est extrêmement flexible, et c’est en grande partie ce qui fait sa popularité. Mais dans des applications plus grandes, cette flexibilité peut aussi devenir une source d’erreurs difficiles à anticiper.
C’est précisément pour répondre à ce problème qu’un outil comme TypeScript a été créé.
Dans cet article, vous allez découvrir ce qu’est TypeScript et pourquoi de plus en plus de développeurs choisissent de l’utiliser dans leurs projets JavaScript.
Commençons par la base : qu’est-ce que TypeScript exactement ?
C’est quoi TypeScript ?
TypeScript est une extension de JavaScript qui ajoute un système de types au langage afin de détecter certaines erreurs avant même que le code ne soit exécuté. L’idée n’est pas de remplacer JavaScript, mais de rendre le développement plus sûr et plus confortable, surtout lorsque les projets deviennent plus complexes.
Disons tout simplement que TypeScript est un sur-ensemble de JavaScript . Eh oui parce que TypeScript s’appuie sur JavaScript. Tout d’abord, vous écrivez le code TypeScript. Ensuite, vous compilez ce code en code JavaScript standard à l’aide d’un compilateur TypeScript.
Une fois que vous disposez du code JavaScript de base, vous pouvez le déployer sur n’importe quel environnement prenant en charge JavaScript.
Pour mieux comprendre comment TypeScript fonctionne, regardons rapidement ce qui se passe lorsque vous écrivez du code TypeScript.
TypeScript utilise les syntaxes JavaScript et ajoute des syntaxes supplémentaires pour la prise en charge des types.
Si vous avez un programme JavaScript sans aucune erreur de syntaxe, c’est un programme TypeScript. Cela signifie que tous les programmes JavaScript sont des programmes TypeScript. C’est très utile lors de la migration d’un code JavaScript existant vers TypeScript.
Tout cela peut paraître un peu abstrait au début. Le diagramme suivant permet de mieux visualiser la relation entre TypeScript et JavaScript.
Maintenant que vous avez une idée plus claire de ce qu’est TypeScript et de la manière dont il fonctionne, une question importante se pose :
Pourquoi devrait-on l’utiliser dans nos projets JavaScript ?
Voyons les principales raisons.
Pourquoi utiliser TypeScript ?
Il existe deux raisons principales d’utiliser TypeScript :
- TypeScript introduit les types optionnels en JavaScript.
- TypeScript implémente les futures fonctionnalités de JavaScript, également connues sous le nom d’ES Next, afin que vous puissiez les utiliser dès aujourd’hui.
Voyons ensemble les raisons pour lesquelles on doit utiliser TypeScript.
TypeScript améliore notre productivité
Les types augmentent la productivité en vous aidant à éviter de nombreuses erreurs. Grâce aux types, vous pouvez détecter les bogues à la compilation plutôt que de les voir apparaître à l’exécution.
Prenons un exemple très simple. Voici une fonction qui fait la somme de deux nombres x et y :
Appelons cette fonction. Mais au lieu de passer des nombres en paramètres, mettons plutôt des chaînes de caractères comme ceci :
Nous aurons comme résultat ceci :
Vous n’êtes pas surpris j’espere ?
En réalité, JavaScript ne fait pas une addition ici. Il concatène simplement deux chaînes de caractères. Pour lui, “20” et “26” sont du texte, donc il les colle ensemble. Imaginez maintenant ce problème dans une application plus grande. Une simple erreur de type peut produire des résultats complètement inattendus.
Ce n’est probablement pas ce que l’on veut faire. Mais JavaScript ne nous a pas prévenus que ce que nous essayons de faire n’a pas de sens.
Regardons maintenant la même fonction, mais écrite en TypeScript :
Ici, nous avons indiqué que x et y doivent être de type number. Ainsi, si nous essayons de passer un autre type qu’un number, TypeScript nous préviendra gentiment que la fonction attend des number en paramètres, avant même d’exécuter le code.
C’est ainsi que TypeScript nous protège des erreurs.
Essayons maintenant de refaire la même erreur :
Voici l’erreur qui apparait dans notre editeur de code avant meme que le code s’execute:
TypeScript: le futur de JavaScript.
TypeScript ne se contente pas de rendre JavaScript plus sûr grâce aux types. Il permet également d’utiliser dès aujourd’hui des fonctionnalités qui feront partie du JavaScript de demain, c’est-à-dire celles prévues dans ES Next, même si les navigateurs ou environnements actuels ne les supportent pas encore complètement.
Chaque année, le TC39, le comité qui décide de l’évolution de JavaScript, publie plusieurs nouvelles fonctionnalités pour ECMAScript, la norme JavaScript. Ces fonctionnalités passent généralement par cinq étapes avant d’être finalisées :
- Étape 0 : Homme de paille – idée initiale
- Étape 1 : Proposition – la fonctionnalité est décrite et discutée
- Étape 2 : Rédaction – la spécification commence à être formalisée
- Étape 3 : Candidat – la fonctionnalité est presque prête et peut être testée
- Étape 4 : Terminée – officiellement intégrée à JavaScript
TypeScript supporte généralement les fonctionnalités à l’étape 3, ce qui vous permet de les utiliser dans vos projets avant même que tous les navigateurs ne les prennent en charge.
Pour en savoir plus sur ce processus, vous pouvez consulter le document officiel du TC39.
Résumé
- TypeScript est un sur-ensemble de JavaScript.
- TypeScript ajoute du type au JavaScript et vous aide à éviter les bugs potentiels qui surviennent lors de l’exécution.
- TypeScript implémente également les futures fonctionnalités de JavaScript.