Exécuteur TypeScript CLI en ligne

Testez et déboguez du code TypeScript directement dans votre navigateur via une interface CLI, sans config, parfait pour devs en mobilité.

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();