Chạy JavaScript & TypeScript Online — Numio

Chạy JavaScript và TypeScript online với cú pháp hiện đại ES2020+. Xem kết quả console.log ngay trong môi trường cách ly. Miễn phí, không cần đăng ký.

Chạy trong trình duyệt · Không cần đăng ký

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 để chạy

Kết quả

Mã chạy ngay trên trình duyệt của bạn và không được tải lên.

Cách sử dụng

Chọn JavaScript hoặc TypeScript.
Viết code và in kết quả bằng console.log.
Nhấn Chạy (hoặc Ctrl/⌘ + Enter) để xem kết quả.

Ví dụ

// Ví dụ JavaScript
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("Đã sắp xếp:", sorted.join(", "));
console.log("Lớn nhất:", Math.max(...nums));

Chi tiết và giới hạn

Mã chạy trong QuickJS, một engine JavaScript riêng được biên dịch sang WebAssembly. Nó tách biệt với trang: không có DOM, mạng hay API trình duyệt.

Với TypeScript, chú thích kiểu được loại bỏ trước khi chạy. Lỗi kiểu không được kiểm tra, chỉ báo lỗi cú pháp.

FAQ

Có dùng được document hoặc fetch không?

Không. Môi trường cách ly không có DOM, mạng hay API trình duyệt. Để làm việc với trang web, hãy dùng trình soạn thảo HTML online.

Có kiểm tra kiểu TypeScript không?

Không. Kiểu bị loại bỏ và mã chạy như JavaScript, nên chỉ hiện lỗi cú pháp.

Hỗ trợ cú pháp nào?

JavaScript hiện đại, gồm let/const, hàm mũi tên, class, destructuring, template literal và optional chaining.

Tài liệu tham khảo về định dạng

Trang công cụ được cập nhật: 2026-10-22