À quoi ça sert ?

TypeScript permet aux développeurs d'exprimer plus clairement leurs intentions dans le code, notamment en ce qui concerne les contraintes sur les types.

Cette intention est souvent absente du code JavaScript classique. Par exemple :

function add(a, b) {
  return a + b
}

Est-ce que cette fonction doit recevoir des nombres ? des chaînes de caractères ? les deux ?

Que se passe-t-il si quelqu'un, pensant que a et b sont des nombres, fait une modification « rétrocompatible » ?

function add(a, b, c = 0) {
  return a + b + c
}

On risque d'avoir des problèmes si on commence à passer des chaînes de caractères à a et b.

Les types rendent l'intention de l'auteur plus explicite et permettent d'éviter ce genre d'erreurs.

function add(a: number, b: number): number {
  return a + b
}
add(3, "4")
Argument of type 'string' is not assignable to parameter of type 'number'.

Ce code est plus lisible: il est plus simple de comprendre l'intention de l'auteur sur l'utilisation de la fonction.

TypeScript permet d'anticiper et de détecter certains types d'erreurs dès l'écriture du code, avant même son exécution :

• Des valeurs potentiellement absentes (null ou undefined)
• Refactoring incomplet
• Rupture de contrat interne (par exemple, un argument devient obligatoire)

TypeScript sert aussi de base à une excellente expérience d'écriture de code.

Exemple : l'autocomplétion dans l'éditeur, comme illustré ici.

window.addEventListener('c
cancel
canplay
canplaythrough
change
click
close
compositionend
compositionstart
compositionupdate
contextlost
contextmenu
contextrestored
copy
cuechange
cut')