Compilateur TypeScript en ligne – Exécutez TypeScript dans votre navigateur

Utilisez notre compilateur TypeScript en ligne pour écrire, compiler et exécuter du code TypeScript instantanément dans le navigateur. Parfait pour les développeurs apprenant TypeScript ou testant du code à la volée.

Version

Exemple

🚀 exécutions totales ( ce mois-ci)

📚 Les meilleurs cours de Typescript à essayer absolument

💡 Guide des Bases de TypeScript pour Débutants

1. Déclaration de Variables

TypeScript permet le typage statique avec let, const, et les annotations de type.

let x: number = 10;
const pi: number = 3.14;
let name: string = "Alice";
let isActive: boolean = true;

2. Conditionnelles (if / switch)

Utilisez if, else if, et else pour les branches. switch gère plusieurs valeurs.

let x = 5;
if (x > 0) {
  console.log("Positif");
} else if (x < 0) {
  console.log("Négatif");
} else {
  console.log("Zéro");
}

switch (x) {
  case 1:
    console.log("Un");
    break;
  case 2:
    console.log("Deux");
    break;
  default:
    console.log("Autre");
}

3. Boucles

Utilisez for, while, et for...of pour l'itération.

for (let i = 1; i <= 5; i++) {
  console.log(i);
}

let i = 5;
while (i > 0) {
  console.log(i);
  i--;
}

4. Tableaux

Utilisez des crochets [] pour définir des tableaux.

let numbers: number[] = [1, 2, 3, 4, 5];
let names: string[] = ["Alice", "Bob"];
console.log(numbers[1]);

5. Manipulation de Tableaux

Utilisez des méthodes intégrées comme push, splice, et filter.

let arr = [10, 20, 30];
arr.push(40);          // Ajouter à la fin
arr.splice(1, 1);      // Supprimer le deuxième élément
console.log(arr);

6. Entrée/Sortie Console

Utilisez console.log pour afficher la sortie dans la console.

const name: string = "Alice";
console.log("Bonjour, " + name);

7. Fonctions

Déclarez des fonctions avec des paramètres typés et des valeurs de retour.

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

console.log(add(3, 5));

8. Maps

Utilisez des objets simples ou Map pour les structures clé-valeur.

const m = new Map<string, number>();
m.set("Alice", 25);
console.log(m.get("Alice"));

9. Gestion des Exceptions

Utilisez try et catch pour gérer les erreurs.

try {
  throw new Error("Quelque chose s'est mal passé");
} catch (e) {
  console.error(e.message);
}

10. Entrée/Sortie de Fichiers (Node.js uniquement)

Utilisez le module fs de Node.js pour lire et écrire des fichiers.

import * as fs from "fs";

fs.writeFileSync("file.txt", "Bonjour Fichier");
const content = fs.readFileSync("file.txt", "utf-8");
console.log(content);

11. Manipulation de Chaînes

Utilisez des méthodes de chaîne comme length, concat, includes.

let str = "Bonjour le monde";
console.log(str.length);
console.log(str + "!");
console.log(str.includes("monde"));

12. Classes & Objets

TypeScript prend en charge la programmation orientée objet.

class Person {
  name: string;
  constructor(name: string) {
    this.name = name;
  }
  greet() {
    console.log(\`Salut, je suis \${this.name}\`);
  }
}

const p = new Person("Alice");
p.greet();