Online JavaScript ve TypeScript Derleyici — Numio

JavaScript ve TypeScript'i modern ES2020+ sözdizimiyle online çalıştırın. console.log çıktısını yalıtılmış bir ortamda anında görün. Ücretsiz, kayıt yok.

Tarayıcınızda çalışır · Üyelik gerekmez

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

Çalıştırmak için Ctrl/⌘ + Enter

Çıktı

Kod tarayıcınızda yerel olarak çalışır; hiçbir yere yüklenmez.

Nasıl kullanılır?

JavaScript veya TypeScript'i seçin.
Kodunuzu yazın ve sonuçları console.log ile yazdırın.
Çıktıyı görmek için Çalıştır'a (veya Ctrl/⌘ + Enter) basın.

Örnek

// JavaScript örneği
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("Sıralı:", sorted.join(", "));
console.log("En büyük:", Math.max(...nums));

Ayrıntılar ve sınırlamalar

Kod, WebAssembly'ye derlenmiş ayrı bir JavaScript motoru olan QuickJS'te çalışır. Sayfadan yalıtılmıştır: DOM, ağ veya tarayıcı API'leri yoktur.

TypeScript'te tür açıklamaları çalıştırmadan önce kaldırılır. Tür hataları denetlenmez; yalnızca sözdizimi hataları bildirilir.

FAQ

document veya fetch kullanabilir miyim?

Hayır. Bu ortamda DOM, ağ veya tarayıcı API'leri yoktur. Web sayfalarıyla çalışmak için online HTML düzenleyiciyi kullanın.

TypeScript türleri denetleniyor mu?

Hayır. Türler kaldırılır ve kod JavaScript olarak çalışır; bu yüzden yalnızca sözdizimi hataları görünür.

Hangi sözdizimi destekleniyor?

let/const, ok fonksiyonları, sınıflar, yapı bozma, şablon dizgeleri ve optional chaining gibi modern JavaScript özellikleri.

Biçim kaynakları

Araç sayfasının güncellenme tarihi: 2026-10-22