Kompilator JavaScript i TypeScript online — Numio

Uruchamiaj JavaScript i TypeScript online z nowoczesną składnią ES2020+. Wynik console.log od razu, w odizolowanym środowisku. Za darmo, bez rejestracji.

Działa w przeglądarce · Bez rejestracji

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, aby uruchomić

Wynik

Kod działa lokalnie w przeglądarce i nie jest nigdzie wysyłany.

Jak używać

Wybierz JavaScript lub TypeScript.
Napisz kod i wypisz wyniki przez console.log.
Kliknij Uruchom (lub Ctrl/⌘ + Enter), aby zobaczyć wynik.

Przykład

// Przykład w JavaScripcie
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("Posortowane:", sorted.join(", "));
console.log("Maksimum:", Math.max(...nums));

Szczegóły i ograniczenia

Kod działa w QuickJS, osobnym silniku JavaScript skompilowanym do WebAssembly. Jest odizolowany od strony: bez DOM, sieci i API przeglądarki.

W TypeScripcie adnotacje typów są usuwane przed uruchomieniem. Błędy typów nie są sprawdzane – zgłaszane są tylko błędy składni.

FAQ

Czy mogę użyć document albo fetch?

Nie. Środowisko nie ma DOM, sieci ani API przeglądarki. Do pracy ze stronami użyj edytora HTML online.

Czy typy TypeScriptu są sprawdzane?

Nie. Typy są usuwane, a kod działa jako JavaScript, więc widać tylko błędy składni.

Jaka składnia jest obsługiwana?

Nowoczesny JavaScript, m.in. let/const, funkcje strzałkowe, klasy, destrukturyzacja, literały szablonowe i optional chaining.

Źródła

Aktualizacja strony: 2026-10-22