Découvrez ce qu'est TypeScript, le problème qu'il résout et écrivez votre tout premier fichier typé.
Ouvrir cette leçon dans KodokonVous connaissez déjà JavaScript, le langage qui rend les pages web interactives. TypeScript est une extension de JavaScript : tout code JavaScript valide est aussi du code TypeScript. Sa grande nouveauté, ce sont les types. Un type décrit la nature d'une valeur : un texte, un nombre, un vrai ou faux… En indiquant le type de vos variables, vous permettez à l'ordinateur de vérifier votre code avant de l'exécuter.
Pourquoi est-ce utile ? En JavaScript, rien ne vous empêche de passer un texte là où un nombre était attendu. Le programme s'exécute quand même… et produit un résultat absurde, souvent découvert bien plus tard. Observez cet exemple : la fonction attend un prix sous forme de nombre, mais reçoit un texte.
function addTax(price) {
return price + price * 0.2;
}
const total = addTax("100");
console.log(total); // "10020" au lieu de 120 !Avec TypeScript, vous ajoutez une annotation de type : deux points suivis du type, juste après le nom d'un paramètre ou d'une variable. Le code TypeScript est ensuite compilé, c'est-à-dire traduit en JavaScript classique par un outil appelé compilateur (tsc). C'est pendant cette étape que les erreurs de type sont détectées et signalées.
function addTax(price: number): number {
return price + price * 0.2;
}
const total = addTax(100);
console.log(total); // 120Écrivons maintenant votre premier fichier typé. Un fichier TypeScript porte l'extension .ts au lieu de .js. À l'intérieur, vous écrivez du JavaScript habituel, enrichi d'annotations de type.
let firstName: string = "Sarah";
let age: number = 28;
console.log(firstName + " a " + age + " ans.");