Weftmap
JAVASCRIPT

مولّد مخطط استدعاءات JavaScript

ضع ملف JavaScript واحصل على مخطط لمسار الاستدعاءات فيه. عملي مع ملف الأدوات المساعدة الذي تضخّم عبر ثلاث سنوات ولم يعد أحد يعرف أي نصف منه ما زال مستخدماً.

افتح المحرر

مثال

example.js
function loadOrders(userId) {
  const raw = fetchOrders(userId);
  return raw.map(normalize);
}

function fetchOrders(userId) {
  return [{ id: 1, userId, items: [{ price: 12 }] }];
}

function normalize(order) {
  return { id: order.id, total: computeTotal(order) };
}

function computeTotal(order) {
  return order.items.reduce((sum, item) => sum + item.price, 0);
}

ماذا يعرض المخطط

تصريحات الدوال ودوال السهم وتوابع الأصناف تصبح كلها عقداً، واستيرادات ES تربط الملفات التي أتت منها. أما دوال رد النداء المُمرّرة مباشرة فتُربط بالدالة التي تسمّيها، فيبقى المعالج الموصول عبر مُطلِق أحداث ظاهراً متصلاً في المخطط.

جرّبه الآن على الكود الخاص بك

ألصق ملفاً، اختر اللغة، واضغط تحليل. لا يتم حفظ أي شيء.

افتح المحرر