La Différence entre JavaScript et TypeScript

JavaScript (JS) et TypeScript sont deux langages de programmation largement utilisés pour le développement web.

Bien qu'ils partagent une syntaxe similaire, ils présentent des différences importantes en termes de type de données et de gestion des erreurs. Dans cet article, nous allons explorer les concepts de typage statique et dynamique avec JS et TypeScript.

JavaScript Typage Dynamique
JavaScript est un langage à typage dynamique, ce qui signifie que les variables peuvent changer de type au cours de l'exécution du programme. Vous pouvez attribuer n'importe quel type de valeur à une variable sans définir son type à l'avance.
Par exemple:

Cette flexibilité peut être pratique, mais elle peut aussi entraîner des bugs difficiles à détecter car les erreurs de type ne sont pas détectées avant l'exécution du code.

TypeScript Typage Statique

TypeScript est un sur-ensemble de JavaScript qui introduit le typage statique. Cela signifie que les types des variables doivent être déclarés explicitement et ne peuvent pas changer après leur initialisation. TypeScript apporte une couche de statisme au JavaScript, permettant ainsi de détecter les erreurs de type dès la phase de développement.
Reprenons l'exemple précédent en TypeScript:

Le compilateur TypeScript soulèvera une erreur lors de la compilation, indiquant que nous essayons d'assigner une valeur de type 'string' à une variable de type 'number'.
Cela permet d'éviter les erreurs de type potentielles avant l'exécution du code.

Exemple d'utilisation avec Javascript d'une fonction simple qui calcule la somme de deux nombres et renvoie le résultat:

Dans l'exemple JavaScript, la fonction sum fonctionne avec des nombres, mais elle peut également concaténer des chaînes car JavaScript permet le typage dynamique.
En revanche, en TypeScript, l'erreur de type est détectée dès la phase de compilation lorsque nous essayons d'utiliser une chaîne avec un opérateur d'addition (+) qui attend des nombres.

En résumé, JavaScript est un langage à typage dynamique, offrant une grande flexibilité mais potentiellement propice aux erreurs de type.
D'un autre côté, TypeScript introduit le typage statique, offrant une meilleure sécurité de type et permettant de détecter les erreurs dès la phase de développement.

Le choix entre JS et TypeScript dépend des besoins du projet et de la préférence des développeurs. TypeScript est de plus en plus populaire en raison de sa sûreté de type accrue.