Les bases de TypeScript

Dans cet épisode David et Jean-Rémy explorent les bases de TypeScript, un sur-ensemble de JavaScript avec plein de fonctionalités super utile pour un code propre, flexible et rigoureux.

Notes de l'épisode

https://www.typescriptlang.org/docs/handbook/2/everyday-types.html

Types primitifs:
- string,
- number,
- boolean
any et unknown

var nimportQuoi: any = 'nimporte quoi'

array

var tableauChiffres: number[] = [1, 2, 3]

enum - https://www.typescriptlang.org/docs/handbook/enums.html

var enum Liste {
  un = 1,
  deux,
  trois,
  quatre,
}

On a donc des valeurs constantes et des valeurs calculées

On peut accèder à chaque élément avec la notation pointée

Liste.deux //renvoie 2

Signatures de type pour les fonctions

On peut imposer qu'une fonction prennent certains type en argument
On peut aussi imposer qu'une fonction renvoie un type de variable spécifique.

Example: la fonction additionne renvoie toujours une variable numérique, et prend toujours des variables numériques

function additionne(premier: number, deuxieme: number): number {
  return premier + deuxieme
}

Si une fonction ne doit rien renvoyer, on peut ajouter void pour le préciser

Example: la fonction mutiplieParTrois change la valeur d'une variable mis en paramètre, mais ne renvoie aucune valeur:

function mutiplieParTrois(chiffreAMultiplier): void {
  chiffreAMultiplier = chiffreAMultiplier * 3
  // Ne renvoie rien
}

Liens

Site officiel TypeScript - https://www.typescriptlang.org/
Babel pour la transpilation - https://babeljs.io/
Outil ligne de commande TSC pour compiler TypeScript - https://www.typescriptlang.org/docs/handbook/compiler-options.html
Webpack - https://webpack.js.org/