Les 7 types basiques en TypeScript

Les 7 types basiques en TypeScript

Nous allons voir aujourd’hui les 7 types basiques que vous pouvez utiliser en TypeScript. Bon, je vais être sincère avec vous, les premiers types sont plutôt très très basiques. Néanmoins, vous pouvez lire jusqu’à la fin de l’article pour découvrir des types moins commun et efficace.

 

Boolean

Je pense que je n’ai pas besoin de le présenter, le type boolean est le plus connu de tous :

let isDone: boolean = false;

Number

Comme en JavaScript, tous les nombres en TypeScript sont de type float. Le type number en TypeScript supporte aussi les hexadecimal, les binaires, les octal :

let decimal: number = 6;
let hex: number = 0xf00d;
let binary: number = 0b1010;
let octal: number = 0o744;

String

Un autre type ultra commun, le type String. Il est utilisé dés que vous voulez travailler avec des données textes. En TypeScript, il est possible d’utiliser les double quotes ou les simples quotes pour définir une variable de type String.

let color: string = "blue";
color = 'red';

Il est aussi possible d’utiliser les “template strings”. Les template strings permettent de faire une string sur plusieurs lignes. Ils permettent aussi d’utiliser des expressions de cette forme ${ x }. On définit ces template strings avec des backquote (`).

let fullName: string = `Bob Bobbington`;
let age: number = 37;
let sentence: string = `Hello, my name is ${ fullName }.
 
I'll be ${ age + 1 } years old next month.`;

Array

Comme en JavaScript, les tableaux en TypeScript sont définis par []. Il y a également un autre moyen de les définir avec Array<type>:

let list: number[] = [1, 2, 3];
let list: Array = [1, 2, 3];

Enum

Comme dans les langages objet comme C#, une enum est un moyen de définir un ensemble de constantes nommées.

enum Color {Red, Green, Blue}
let c: Color = Color.Green;

Par défaut, une enum commence toujours par la valeur 0. Il est possible de modifier ceci :

enum Color {Red = 1, Green, Blue}
let c: Color = Color.Green;

Pour assigner la valeur d’une enum à une variable, il suffit d’appeler l’enum et de renseigner l’index que l’on souhaite assigner:

enum Color {Red = 1, Green, Blue}
let colorName: string = Color[2];
 
alert(colorName); // Displays 'Green' as it's value is 2 above

Any

Normalement, vous avez utilisé ce type si vous développez en TypeScript. Il est possible d’utiliser ce type pour remplacer n’importe quel autre type:

let notSure: any = 4;
notSure = "maybe a string instead";
notSure = false; // okay, definitely a boolean

Utiliser à outrance le type Any et l’utilisation du TypeScript perd en intérêt.

L’utilisation de Any pour les array est aussi intéressante. Il est possible de définir un mix de différents types au sein d’un même Array:

let list: any[] = [1, true, "free"];
 
list[1] = 100;

Void

Le type void est à l’opposé du type Any. Il sert à indiquer à une fonction qu’elle ne doit rien renvoyer:

function warnUser(): void {
    alert("This is my warning message");
}

Ou à une variable qui ne peut que avoir undefined ou null comme valeur:

let unusable: void = undefined;

Voilà en espérant que cet article vous aura plu et vous permettra de mieux utiliser TypeScript à l’avenir.

Partagez, si vous aimez

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *