هل يمكنني استخدام document أو fetch؟

لا. البيئة المعزولة لا تحتوي على DOM أو شبكة أو واجهات متصفح. للعمل على صفحات الويب استخدم محرر 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

المخرجات

دليل ومثال

أدوات ذات صلة

مراجع التنسيقات