Vad är formatering av JavaScript-syntax?

JavaScript-formatering är processen att kontrollera om källkoden är giltig och sedan omformatera den till en enhetlig stil. Det innebär vanligtvis att justera indrag, mellanrum och radbrytningar utan att ändra kodens innebörd.

Syntaxvalidering är minst lika viktig. En formatterare kan bara skriva om kod på ett säkert sätt om parsern först kan tolka den.

Beskrivning av verktyget

Det här verktyget validerar JavaScript-syntax och formaterar koden i webbläsaren. Det använder en parser för att kontrollera om indata är giltig och Prettier för att skapa en renare version av samma källkod.

Det är användbart när du snabbt vill formatera kod eller kontrollera syntax utan att öppna en fullständig IDE.

Exempel

  • En liten ES-modul med importer och exporter
  • Ett JSX-utdrag, till exempel en React-komponent
  • Ett långt objektliteral som behöver bättre indrag

Funktioner

  • Syntaxvalidering med Babel-parsern
  • Formatering med fristående Prettier
  • Arbetsflöde med en rensningsknapp för snabba återställningar

Begränsningar

Det här verktyget hanterar endast syntax. Det kör inte kod och stöder inte TypeScript-indata.

Tom indata avvisas både vid validering och formatering, så du måste ange faktisk kod innan du använder någon av åtgärderna.