Aller au contenu

JavaScript / TypeScript — Bases utiles

Comprendre la différence entre JavaScript et TypeScript est essentiel pour travailler sur des applications modernes, notamment côté frontend.

JavaScript vs TypeScript

JavaScript

  • langage dynamique
  • pas de typage strict
  • flexible mais source d’erreurs

TypeScript

  • JavaScript + typage statique
  • permet de détecter des erreurs avant l’exécution
  • améliore la maintenabilité

Exemple simple

JavaScript

function add(a, b) {
  return a + b;
}

Problème :

  • aucun contrôle sur les types
  • erreurs possibles à l’exécution

TypeScript

function add(a: number, b: number): number {
  return a + b;
}

Ici :

  • a et b doivent être des nombres
  • plus sûr et plus clair

Types de base

let x: number = 10;
let name: string = "Ali";
let ok: boolean = true;

Objet typé

type User = {
  name: string;
  age: number;
};

const u: User = {
  name: "Ali",
  age: 30
};

⚡ Pourquoi c’est important

  • réduit les bugs
  • rend le code plus lisible
  • facilite la maintenance
  • standard dans les projets modernes

Lien avec JavaScript

TypeScript n’enlève pas les comportements JavaScript :

  • closures
  • async

  • this Il ajoute simplement :

  • une sécurité de typage

Pièges fréquents

  • utiliser any (perte de sécurité)
  • oublier les types
  • croire que TypeScript change le runtime

Questions classiques

Q1

TypeScript est exécuté directement ? Non

Q2

Que fait TypeScript ? Ajoute du typage

Q3

any est recommandé ? Non

À retenir

  • TypeScript = JavaScript + types
  • il est compilé en JavaScript avant exécution
  • il améliore la fiabilité du code
  • il ne change pas le comportement du runtime

🧾 En résumé

  • JavaScript → flexible mais risqué
  • TypeScript → plus sûr et structuré
  • les types aident à éviter des erreurs
  • any est à éviter

TypeScript est devenu un standard pour écrire du JavaScript plus robuste.