DEV Community

Erreur 200

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];
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

Episode source