Compilateur JavaScript et TypeScript en ligne — Numio

Exécutez du JavaScript et du TypeScript en ligne avec la syntaxe moderne ES2020+. Sortie console.log immédiate dans un bac à sable isolé. Gratuit.

Fonctionne dans le navigateur · Sans inscription

const orders = [
  { id: 1, customer: "Ana", total: 42.5, paid: true },
  { id: 2, customer: "Ben", total: 18, paid: false },
  { id: 3, customer: "Ana", total: 27.25, paid: true }
];

class Cart {
  #items = [];
  add(name, price) {
    this.#items.push({ name, price });
    return this;
  }
  get total() {
    return this.#items.reduce((sum, item) => sum + item.price, 0);
  }
}

const wait = ms => new Promise(resolve => setTimeout(resolve, ms));

async function main() {
  const paid = orders.filter(order => order.paid);
  const spent = paid.reduce((sums, order) => {
    sums[order.customer] = (sums[order.customer] ?? 0) + order.total;
    return sums;
  }, {});
  console.log("Paid orders:", paid.map(order => order.id).join(", "));
  console.log("Spent per customer:", spent);

await wait(100);
  const cart = new Cart().add("Pen", 1.5).add("Notebook", 3.25);
  console.log(`Cart total: ${cart.total.toFixed(2)}`);

for (const { id, customer, total } of orders)
    console.log(`#${id}`.padEnd(4), customer.padEnd(5), total.toFixed(2).padStart(6));
}

main();

Ctrl/⌘ + Entrée pour exécuter

Sortie

Le code s’exécute dans votre navigateur ; il n’est pas envoyé en ligne.

Mode d’emploi

Choisissez JavaScript ou TypeScript.
Écrivez votre code et affichez les résultats avec console.log.
Cliquez sur Exécuter (ou Ctrl/⌘ + Entrée) pour voir la sortie.

Exemple

// Exemple JavaScript
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("Triés :", sorted.join(", "));
console.log("Maximum :", Math.max(...nums));

Détails et limites

Le code s’exécute dans QuickJS, un moteur JavaScript distinct compilé en WebAssembly. Il est isolé de la page : ni DOM, ni réseau, ni API du navigateur.

En TypeScript, les annotations de type sont retirées avant l’exécution. Les erreurs de type ne sont pas vérifiées ; seules les erreurs de syntaxe sont signalées.

FAQ

Puis-je utiliser document ou fetch ?

Non. Le bac à sable n’a ni DOM, ni réseau, ni API du navigateur. Pour travailler sur une page web, utilisez l’éditeur HTML en ligne.

Les types TypeScript sont-ils vérifiés ?

Non. Les types sont retirés et le code s’exécute comme du JavaScript : seules les erreurs de syntaxe s’affichent.

Quelle syntaxe est prise en charge ?

Le JavaScript moderne : let/const, fonctions fléchées, classes, déstructuration, littéraux de gabarit, chaînage optionnel, etc.

Références des formats

Page de l’outil mise à jour le : 2026-10-22