JAVASCRIPT

Generatore di grafo delle chiamate JavaScript

Butta dentro un file JavaScript e ottieni un diagramma del suo flusso di chiamate. Comodo per quel modulo di utility cresciuto per tre anni, di cui nessuno sa più quale metà sia ancora viva.

Apri l'editor

Esempio

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

Cosa mostra il diagramma

Dichiarazioni di funzione, arrow function e metodi di classe diventano nodi, e gli import ES collegano i file da cui provengono. I callback passati inline vengono risolti alla funzione che nominano, così un handler agganciato tramite un event emitter resta comunque collegato.

Come leggere il diagramma Tutti i linguaggi supportati

Ora provalo con il tuo codice

Incolla un file, scegli il linguaggio e avvia l'analisi. Non viene salvato nulla.

Apri l'editor