Aller au contenu principal

Typescript


Parcours interactif : ouvrir TypeCraft pour apprendre les principes, compiler seize ateliers stricts, diagnostiquer des incidents et travailler les frontières d’architecture.

Subtilité : Typescript est un sur-ensemble de JavaScript.

Il permet d'ajouter des types aux variables, fonctions, etc.

Il est ensuite transpilé en JavaScript pour être utilisé dans un navigateur ou un serveur.

Ressources​

https://www.typescriptlang.org/docs/

Les types fréquents​

https://www.typescriptlang.org/docs/handbook/2/everyday-types.html

A faire / A eviter​

https://www.typescriptlang.org/docs/handbook/declaration-files/do-s-and-don-ts.html

A étudier​

  • type d'union/intersection

  • Type dit "literal" (pour des types avec valeurs précises "yes/no")

  • enums (exemple de type avec valeurs précises, haut, bas, gauche, droite)

  • La portée des éléments (public,private,protected(privé mais accessible par les sous-classes))

  • création de ses propres types mixte (alias)

Un code javascript vs un code typescript​

Contexte : Nous voulons un générateur de décision pour que la plupart du temps notre algorithme nous disent d'aller travailler.

En Javascript​

function shouldWorkToday() {
const randomNumber = Math.random(); // genere entre 0 et 1
return randomNumber > 0.2;
}


const workToday = shouldWorkToday();
console.log(workToday ? "Oui, il faut travailler aujourd'hui." : "Non, pas besoin de travailler aujourd'hui.");

En Typescript​

// Ajout du type boolean
function shouldWorkToday(): boolean {
// ajout du type number
const randomNumber: number = Math.random();
return randomNumber > 0.2;
}

// Ajout du type boolean
const workToday: boolean = shouldWorkToday();
console.log(workToday ? "Oui, il faut travailler aujourd'hui." : "Non, pas besoin de travailler aujourd'hui.");