Erreur 200

Les bases de TypeScript


Listen Later

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/
                • ...more
                  View all episodesView all episodes
                  Download on the App Store

                  Erreur 200By David Dias & Jean-Rémy Duboc