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/

Episode source