Compilador de JavaScript y TypeScript online — Numio

Ejecuta JavaScript y TypeScript online con sintaxis moderna ES2020+. Ve la salida de console.log al instante en un entorno aislado. Gratis y sin registro.

Funciona en tu navegador · Sin registro

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/⌘ + Enter para ejecutar

Salida

El código se ejecuta en tu navegador; no se sube a ningún servidor.

Cómo usarla

Elige JavaScript o TypeScript.
Escribe tu código y muestra los resultados con console.log.
Pulsa Ejecutar (o Ctrl/⌘ + Enter) para ver la salida.

Ejemplo

// Ejemplo de JavaScript
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("Ordenados:", sorted.join(", "));
console.log("Máximo:", Math.max(...nums));

Detalles y limitaciones

El código se ejecuta en QuickJS, un motor de JavaScript independiente compilado a WebAssembly. Está aislado de la página: sin DOM, red ni API del navegador.

En TypeScript se eliminan las anotaciones de tipo antes de ejecutar. No se comprueban los errores de tipo, solo los de sintaxis.

FAQ

¿Puedo usar document o fetch?

No. El entorno no tiene DOM, red ni API del navegador. Para trabajar con páginas web, usa el editor HTML online.

¿Comprueba los tipos de TypeScript?

No. Los tipos se eliminan y el código se ejecuta como JavaScript, así que solo se muestran errores de sintaxis.

¿Qué sintaxis se admite?

JavaScript moderno: let/const, funciones flecha, clases, desestructuración, plantillas literales y encadenamiento opcional, entre otros.

Referencias de formatos

Página de la herramienta actualizada: 2026-10-22