Introduction a TypeScript

TypeScript : JavaScript avec des types

TypeScript ajoute le typage statique a JavaScript, permettant de detecter les erreurs avant l'execution.

Types de base

let nom: string = "Jean";
let age: number = 25;
let actif: boolean = true;
let liste: number[] = [1, 2, 3];
let tuple: [string, number] = ["hello", 10];

Interfaces

interface Utilisateur {
  id: number;
  nom: string;
  email: string;
  age?: number;  // Optionnel
}

function saluer(user: Utilisateur): string {
  return `Bonjour ${user.nom}`;
}

Types generiques

function premier<T>(tableau: T[]): T | undefined {
  return tableau[0];
}

const num = premier([1, 2, 3]);    // number
const str = premier(["a", "b"]);  // string

Enums

enum Statut {
  EnAttente = "PENDING",
  Actif = "ACTIVE",
  Inactif = "INACTIVE"
}

Configuration tsconfig.json

{
  "compilerOptions": {
    "target": "ES2020",
    "module": "commonjs",
    "strict": true,
    "outDir": "./dist"
  }
}

TypeScript vous fait gagner du temps en attrapant les bugs avant qu'ils n'atteignent la production.