可以使用 document 或 fetch 吗？

不可以。沙箱中没有 DOM、网络和浏览器 API。如需操作网页，请使用在线 HTML 编辑器。

会检查 TypeScript 类型吗？

不会。类型会被去掉，代码按 JavaScript 运行，因此只会显示语法错误。

支持哪些语法？

支持现代 JavaScript，包括 let/const、箭头函数、类、解构赋值、模板字符串和可选链等。

JavaScript / TypeScript 在线运行

在线运行 JavaScript 和 TypeScript，支持 ES2020+ 新语法，在隔离沙箱中即时查看 console.log 输出。免费、无需注册。

按 Ctrl/⌘ + Enter 运行

main.js

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

输出

暂无输出。点击“运行”即可在此查看结果。

JavaScript

代码在你的浏览器本地运行，不会上传。

格式参考资料

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

输出

使用说明与示例

相关工具

格式参考资料