JAVASCRIPT

Generador de call graph de JavaScript

Suelta un archivo de JavaScript y obtén un diagrama de su flujo de llamadas. Útil para ese módulo de utilidades que creció durante tres años y ya nadie sabe qué mitad sigue viva.

Abrir el editor

Ejemplo

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

Qué muestra el diagrama

Las declaraciones de función, las arrow functions y los métodos de clase se vuelven nodos, y los imports ES enlazan los archivos de donde vienen. Los callbacks pasados en línea se resuelven a la función que nombran, así que un handler conectado por un emisor de eventos también sale enlazado.

Cómo leer el diagrama Todos los lenguajes soportados

Ahora pruébalo con tu propio código

Pega un archivo, elige el lenguaje y dale a Analizar. No se guarda nada.

Abrir el editor