Différence entre JavaScript et TypeScript

JavaScript est un langage de programmation populaire. TypeScript est un langage basé sur JavaScript. La différence clé entre Javascript et TypeScript est que JavaScript est un langage de script côté client et TypeScript est un langage compilé orienté objet. Le paradigme du programmation orientée objet se concentre sur les abstractions de données plutôt que sur l’algorithme de traitement des données. Il repose sur deux concepts principaux: objets et classes.

Qu’est-ce que JavaScript?

JavaScript est le langage de programmation permettant de rendre les pages Web interactives. JavaScript permet d’effectuer une validation de formulaire, d’appliquer des animations et de créer des événements.

JavaScript est un langage de script côté client. Lorsque l’utilisateur ouvre le navigateur Web et demande une page Web, cette demande est envoyée au serveur Web. Le serveur Web envoie du code HTML/CSS simple au navigateur Web. Les navigateurs tels que Safari, Opera, Chrome, etc. contiennent un moteur JavaScript qui interprète le code JavaScript.

Qu’est-ce que TypeScript?

TypeScript est un sur-ensemble de JavaScript développé par Microsoft. Il a toutes les fonctionnalités de Javascript. Il utilise le compilateur TypeScript pour convertir le fichier TypeScript (ts) en fichier JavaScript (js). TypeScript est plus facile à intégrer dans des projets JavaScript. TypeScript fournit également une vérification de type statique. Il permet au programmeur de vérifier et d’affecter des variables et des types de fonctions. Cette fonctionnalité facilite la lecture du code et évite les bugs. TypeScript possède des types de données tels que String, Number, Boolean, Null, Array, Enum, Tuple et Generics.

Le principal avantage de TypeScript est qu’il permet de créer des objets basés sur des classes. Les programmeurs de C++ et Java connaissent bien des concepts tels que les classes, les objets et l’héritage. Lorsqu’ils essaient de programmer en utilisant JavaScript, il peut être difficile d’appliquer ces concepts dans un scénario JavaScript. Pour créer une classe en JavaScript, un programmeur doit créer une fonction. Pour l’héritage, ils doivent utiliser des prototypes. Alors, TypeScript étant basé sur les classes, il est capable de prendre en charge l’héritage, l’encapsulation, etc. en tant que langage de programmation orienté objet.

Exemple Javascript vs Typescript :

Supposons que vous vouliez créer une fonction add() qui prend 2 nombres et retourne leur somme:

En javascript

function add (nbr1, nbr2) {
   return nbr1 + nbr2;
}
add(2, 2) //4
add(2, "two") //2two

Aucune erreur de compilation, mais cela peut provoquer des résultats inattendus pendant le “cycle d’exécution” du programme. Vous ne voulez pas que nbr2 accepte autre chose qu’un nombre.

Typescript résout ce problème en utilisant des « types » dans la déclaration de variables

En TypeScript

function add (nbr1: number , nbr2: number ) {
//nbr1 et nbr2 doit être uniquement de type "number"
    return nbr1 + nbr2;
}
add(2, 2) //4
add(2, "two") //Erreur lors de la compilation

La vérification de type au moment de la compilation est l’une des fonctionnalités les plus intéressantes de Typescript.