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