Résumé de typescript

 Introduction :

TypeScript est un langage de programmation open-source développé par Microsoft. Il est conçu comme un sur-ensemble typé de JavaScript, ce qui signifie qu'il étend les fonctionnalités de JavaScript en y ajoutant un système de typage statique en option. Voici quelques points clés à retenir:

·         Typage statique : TypeScript permet de définir des types pour les variables, les fonctions et les structures de données. Cela aide les développeurs à détecter les erreurs potentielles dès la phase de développement, ce qui peut rendre le code plus robuste et plus sûr.

·         Compatibilité avec JavaScript : TypeScript est compatible avec le code JavaScript existant. Vous pouvez donc commencer à écrire du code TypeScript dans un projet JavaScript existant sans avoir à tout réécrire.

·         Orienté objet : TypeScript prend en charge les principes de la programmation orientée objet, tels que les classes, l'héritage, les interfaces et les modules. Cela permet aux développeurs de structurer leur code de manière plus organisée et maintenable.

·         Compilation : Contrairement à JavaScript, qui est un langage interprété, TypeScript nécessite une étape de compilation. Le code TypeScript est compilé en JavaScript avant d'être exécuté dans un navigateur ou un environnement Node.js.

·         Outils de développement : TypeScript est livré avec un ensemble d'outils de développement robustes, y compris un compilateur en ligne de commande (tsc), des plugins pour les éditeurs de code populaires comme Visual Studio Code, ainsi qu'une intégration étroite avec les outils de développement JavaScript existants.

Notamment la principale raison de typescript est de permettre au développeur d'éviter les bugs causés par les bugs de type

I- Typage de variable :

1- Définition de variable :

Lors de la définition de variable, 03 éléments sont essentiels :

- NOM de la variable

- TYPE de la variable (number, string, bool, void, …)

- VALEUR de la variable

2- Mode de typage

Il existe deux façons de définir le type d’une variable :

Ø  Typage implicite :

 Exemple :

let ages=1;

Ø  Typage explicite:

Exemple:

let ages:number = 1;

II- Typage de fonction

Le typage d’une fonction en typescript se fait via la signature de la fonction

La signature de la fonction se compose de trois éléments :

- NOM de la fonction

- Les valeurs d'entrées

- Les valeurs de sortie

Typer une fonction revient à typer ses valeurs d'entrées (paramètre) et ses valeurs de sorties (retour)

function ajouter(a: number, b: number): number {     return a + b; } const resultat: number = ajouter(5, 3); console.log(resultat); // Affichera 8

III- Les types en typescript:

1- types primitifs

Voici les types utilisables disponibles nativement en typescript :

number,string,bool,Null,Undefined,begins,symbol

3- Typages d'objet en typescript

En typescript, typer un objet consiste à typer ces propriétés

Exemple:

fruitAAjouter:{id:number;nom:string;}

2- Custom Type:

En typescript, on peut créer des types personaliser (custom type en anglais) pour faciliter le typage d'objet ou de fonction en typescript

Exemple :

- Création de type personnalisé un objet de type fruitAAjouter

type FruitAAjouter = {id:number;nom:string}

- Même chose mais avec le mot clé "interface"

interface FruitAAjouter { id:number; nom:string; }

 

- Création de type personnalisés pour les functions de types Opérations mathématiques

type MathOperation = (x: number, y: number) => number;                                                                                                              const add: MathOperation = (x, y) => x + y; const subtract: MathOperation = (x, y) => x - y;

N.B:

On peut définir la convention suivante, les types customisés commencent toujours par une majuscule, si un module, composant porte déjà le même nom alors on utilise l'extension "type"

Exemple :

Type Fruittype= {id:number;nom:string;couleur:string}

 Conclusion :

En résumé, TypeScript offre aux développeurs la possibilité d'écrire du code JavaScript plus sûr, plus évolutif et plus maintenable grâce à son système de typage statique et à ses fonctionnalités orientées objet, tout en restant compatible avec l'écosystème JavaScript existant.