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,booleanany et unknownvar nimportQuoi: any = 'nimporte quoi'
arrayvar tableauChiffres: number[] = [1, 2, 3]
enum - https://www.typescriptlang.org/docs/handbook/enums.htmlvar 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éeListe.deux //renvoie 2
Signatures de type pour les fonctions
On peut imposer qu'une fonction prennent certains type en argumentOn 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éciserExample: 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.htmlWebpack - https://webpack.js.org/