Aller au contenu principal

Typescript

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.");