รัน JavaScript และ TypeScript ออนไลน์ — Numio

รัน JavaScript และ TypeScript ออนไลน์ รองรับ ES2020+ ดูผล console.log ทันทีในแซนด์บ็อกซ์แยก ฟรี ไม่ต้องสมัคร

ทำงานในเบราว์เซอร์ · ไม่ต้องสมัครสมาชิก

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 เพื่อรัน

เอาต์พุต

โค้ดทำงานในเบราว์เซอร์ของคุณ และไม่ถูกอัปโหลด

วิธีใช้

เลือก JavaScript หรือ TypeScript
เขียนโค้ดและแสดงผลด้วย console.log
กด รัน (หรือ Ctrl/⌘ + Enter)

ตัวอย่าง

// ตัวอย่าง JavaScript
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("เรียงแล้ว:", sorted.join(", "));
console.log("ค่าสูงสุด:", Math.max(...nums));

รายละเอียดและข้อจำกัด

โค้ดทำงานใน QuickJS เอนจิน JavaScript แยกที่คอมไพล์เป็น WebAssembly ไม่มี DOM เครือข่าย หรือ API ของเบราว์เซอร์

TypeScript จะถูกลบ type annotation ก่อนรัน ไม่ตรวจข้อผิดพลาดของชนิดข้อมูล แจ้งเฉพาะ syntax error

FAQ

ใช้ document หรือ fetch ได้ไหม

ไม่ได้ ในแซนด์บ็อกซ์ไม่มี DOM เครือข่าย หรือ API ของเบราว์เซอร์ หากทำงานกับหน้าเว็บ ให้ใช้ HTML editor ออนไลน์

ตรวจ type ของ TypeScript ไหม

ไม่ type จะถูกลบออกแล้วรันเป็น JavaScript จึงแสดงเฉพาะ syntax error

รองรับไวยากรณ์แบบใด

JavaScript สมัยใหม่ เช่น let/const, arrow function, class, destructuring, template literal

แหล่งอ้างอิงรูปแบบไฟล์

อัปเดตหน้าเครื่องมือเมื่อ: 2026-10-22