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（編譯成 WebAssembly 的獨立 JavaScript 引擎）中執行，與頁面互相隔離：沒有 DOM、網路和瀏覽器 API。

TypeScript 會先移除型別註記再執行，不檢查型別錯誤，只回報語法錯誤。

FAQ

可以使用 document 或 fetch 嗎？

不行。沙箱中沒有 DOM、網路和瀏覽器 API。若要操作網頁，請使用線上 HTML 編輯器。

會檢查 TypeScript 型別嗎？

不會。型別會被移除，程式碼以 JavaScript 執行，因此只會顯示語法錯誤。

支援哪些語法？

支援現代 JavaScript，包括 let/const、箭頭函式、類別、解構賦值、樣板字面值和選用串連等。

格式參考資料

工具頁面更新日期： 2026-10-22

輸出