JAVASCRIPT

Générateur de graphe d'appels JavaScript

Déposez un fichier JavaScript et obtenez un diagramme de son flux d'appels. Pratique pour ce module utilitaire qui a grossi pendant trois ans et dont plus personne ne sait quelle moitié sert encore.

Ouvrir l'éditeur

Exemple

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

Ce que montre le diagramme

Déclarations de fonctions, fonctions fléchées et méthodes de classe deviennent des nœuds, et les imports ES relient les fichiers d'origine. Les callbacks passés en ligne sont résolus vers la fonction qu'ils nomment : un handler branché via un émetteur d'événements reste donc connecté.

Comment lire le diagramme Tous les langages pris en charge

Essayez maintenant avec votre propre code

Collez un fichier, choisissez le langage, lancez l'analyse. Rien n'est conservé.

Ouvrir l'éditeur