Compilador JavaScript e TypeScript Online — Numio

Execute JavaScript e TypeScript online com sintaxe moderna ES2020+. Veja a saída do console.log na hora, em um ambiente isolado. Grátis e sem cadastro.

Funciona no navegador · Sem registo

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 executar

Saída

O código roda localmente no seu navegador e não é enviado a nenhum servidor.

Como usar

Escolha JavaScript ou TypeScript.
Escreva o código e mostre os resultados com console.log.
Clique em Executar (ou Ctrl/⌘ + Enter) para ver a saída.

Exemplo

// Exemplo em 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));

Detalhes e limitações

O código roda no QuickJS, um motor JavaScript separado compilado para WebAssembly. Ele fica isolado da página: sem DOM, rede ou APIs do navegador.

No TypeScript, as anotações de tipo são removidas antes da execução. Erros de tipo não são verificados; apenas erros de sintaxe são mostrados.

FAQ

Posso usar document ou fetch?

Não. O ambiente não tem DOM, rede nem APIs do navegador. Para trabalhar com páginas web, use o editor HTML online.

Ele verifica os tipos do TypeScript?

Não. Os tipos são removidos e o código roda como JavaScript, então só aparecem erros de sintaxe.

Qual sintaxe é suportada?

JavaScript moderno, incluindo let/const, arrow functions, classes, desestruturação, template literals e encadeamento opcional.

Referências de formatos

Página da ferramenta atualizada: 2026-10-22