TypeScriptLeçon 1 sur 16

Qu'est-ce que TypeScript ? Premier programme

TypeScript, c'est JavaScript avec des types. Le compilateur les vérifie avant l'exécution, puis transforme le code en JavaScript classique.

L’essentiel

Presque tout code JavaScript est déjà du TypeScript valide : on ne part pas de zéro.
Le type s'écrit après deux-points : const title: string = "Hi".
Les erreurs de type apparaissent dans l'éditeur avant même l'exécution.
À la compilation, les types disparaissent : navigateurs et Node.js exécutent du JavaScript.

Exemple

const language: string = "TypeScript";const lessons: number = 16;// const broken: number = "16"; // error: string is not assignable to number console.log(`${language}: ${lessons} lessons`);

Les annotations : string et : number indiquent au compilateur ce que contient chaque constante. Décommentez la ligne broken : TypeScript signale qu'on ne peut pas mettre une chaîne dans un nombre.

Exercice

Utiliser l’éditeur⌘ Entrée ou Ctrl Entrée lance le code, ⇧ ⌘ Entrée vérifie l’exercice.Tab et Maj Tab indentent la ligne ou la sélection ; Échap puis Tab quitte l’éditeur.La vérification compare ce que le programme a affiché à l’exercice ; les espaces en fin de ligne ne comptent pas.Après deux vérifications ratées, la solution s’ouvre. Votre code reste dans ce navigateur.

Donnez le type string à la constante greeting, mettez-y le texte « Hello, TypeScript! » et affichez-la. Le programme doit afficher exactement Hello, TypeScript!

// TODO: add the type annotation ": string"// and put "Hello, TypeScript!" inside the quotesconst greeting = ""; console.log(greeting);

// TODO: add the type annotation ": string"
// and put "Hello, TypeScript!" inside the quotes
const greeting = "";

console.log(greeting);

Sortie

Ce que le programme affiche apparaîtra ici.