مترجم 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 ولا شبكة ولا واجهات متصفح.

في TypeScript تُزال تعليقات الأنواع قبل التشغيل. لا تُفحص أخطاء الأنواع، وتظهر الأخطاء النحوية فقط.

FAQ

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

لا. البيئة المعزولة لا تحتوي على DOM أو شبكة أو واجهات متصفح. للعمل على صفحات الويب استخدم محرر HTML أونلاين.

هل تُفحص أنواع TypeScript؟

لا. تُزال الأنواع ويعمل الكود بوصفه JavaScript، لذا تظهر الأخطاء النحوية فقط.

ما الصياغة المدعومة؟

JavaScript الحديثة، ومنها let/const والدوال السهمية والأصناف والتفكيك والقوالب النصية والتسلسل الاختياري.

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

تاريخ تحديث صفحة الأداة: 2026-10-22