TypeScriptLeçon 2 sur 16

Types de base et annotations

Les trois primitives principales sont string, number et boolean. Souvent, l'annotation est inutile : TypeScript déduit le type de la valeur.

L’essentiel

string pour le texte, number pour tous les nombres, entiers ou décimaux, boolean pour true ou false.
Inférence : let city = "Dubai" a déjà le type string.
any désactive la vérification : à utiliser le moins possible.
unknown est la version sûre de any : il faut vérifier la valeur avant de s'en servir.
En mode strict, null et undefined sont des types à part et ne remplacent pas une chaîne.

Exemple

let city = "Dubai"; // inferred as stringlet temperature: number = 31;const isSunny: boolean = true; temperature = 29; // fine: still a number// city = 42;     // error: number is not assignable to string let input: unknown = "42";if (typeof input === "string") {  input = Number(input); // inside the check TypeScript knows it is a string} console.log(`${city}: ${temperature}°C, sunny: ${isSunny}, input: ${input}`);

city n'a pas d'annotation, mais TypeScript a déduit string : lui affecter 42 est donc une erreur. La valeur input de type unknown ne s'utilise qu'après un test typeof.

Exercice

Utiliser l’éditeur⌘ Entrée ou Ctrl Entrée lance le code, ⇧ ⌘ Entrée vérifie l’exercice.Tab et Maj Tab indentent la ligne ou la sélection ; Échap puis Tab quitte l’éditeur.La vérification compare ce que le programme a affiché à l’exercice ; les espaces en fin de ligne ne comptent pas.Après deux vérifications ratées, la solution s’ouvre. Votre code reste dans ce navigateur.

Annotez les quatre constantes, calculez total = price * quantity et affichez deux lignes : « Notebook x3 = 13.5 » et « In stock: true ».

// TODO: annotate every constant with its typeconst title = "Notebook";const price = 4.5;const quantity = 3;const inStock = true; // TODO: create a constant total (a number) = price * quantity// and print two lines:// Notebook x3 = 13.5// In stock: trueconsole.log(title);

// TODO: annotate every constant with its type
const title = "Notebook";
const price = 4.5;
const quantity = 3;
const inStock = true;

// TODO: create a constant total (a number) = price * quantity
// and print two lines:
// Notebook x3 = 13.5
// In stock: true
console.log(title);

Sortie

Ce que le programme affiche apparaîtra ici.