Was ist die Formatierung der JavaScript-Syntax?

JavaScript-Formatierung ist der Prozess, bei dem überprüft wird, ob der Quellcode gültig ist, und anschließend in einen einheitlichen Stil gebracht wird. Das bedeutet in der Regel, Einrückungen, Abstände und Zeilenumbrüche anzupassen, ohne die Bedeutung des Codes zu verändern.

Die Syntaxvalidierung ist ebenso wichtig. Ein Formatierer kann Code nur dann sicher neu schreiben, wenn der Parser ihn zuvor verstehen kann.

Toolbeschreibung

Dieses Tool validiert die JavaScript-Syntax und formatiert den Code im Browser. Es verwendet einen Parser, um zu überprüfen, ob die Eingabe gültig ist, und Prettier, um eine übersichtlichere Version desselben Quellcodes zu erstellen.

Es ist nützlich, wenn Sie schnell eine Formatierung durchführen oder die Syntax überprüfen möchten, ohne eine vollständige IDE zu öffnen.

Beispiele

  • Ein kleines ES-Modul mit Importen und Exporten
  • Ein JSX-Codeausschnitt, beispielsweise eine React-Komponente
  • Ein langes Objektliteral, bei dem die Einrückung bereinigt werden muss

Funktionen

  • Syntaxvalidierung mit dem Babel-Parser
  • Formatierung mit Prettier Standalone
  • Arbeitsablauf mit einer Löschen-Schaltfläche zum schnellen Zurücksetzen

Einschränkungen

Dieses Tool ist ausschließlich für die Syntaxprüfung vorgesehen. Es führt keinen Code aus und unterstützt keine TypeScript-Eingaben.

Leere Eingaben werden sowohl bei der Validierung als auch bei der Formatierung abgelehnt. Daher müssen Sie tatsächlichen Code eingeben, bevor Sie eine der beiden Aktionen verwenden.