Code online vergleichen: JS-Diff-Tool

Code vergleichen: Funktion vs Pfeil

Das Beispiel lädt einen klassischen Refactor: eine Funktionsdeklaration als Pfeilfunktion neu geschrieben. Der Diff zeigt exakt welche Tokens sich bewegten, damit Reviewer bestätigen, dass nichts sonst änderte.

// original
function add(a, b) {
  return a + b;
}

// modifiziert
const add = (a, b) => a + b;

Ergebnis lesen

Entfernte Tokens leuchten links (function-Schlüsselwort, Klammern, return), hinzugefügte rechts (const, Gleich, Pfeil). Unveränderte Bezeichner a und b bleiben neutral.

Verwendung

1. Das Tool öffnet mit beiden Versionen nebeneinander
2. Bearbeite ein Panel mit eigenen Snippets
3. Wechsle zu Inline-Ansicht auf schmalen Screens
4. Füge ganze Dateien ein; nichts wird hochgeladen

Für JSON-Payloads nutze Compare JSON Objects oder normalisiere Stil zuerst mit dem Code Formatter.