Che cos'è la formattazione della sintassi di JavaScript?

La formattazione di JavaScript è il processo di verifica della validità del codice sorgente e della sua successiva ristrutturazione secondo uno stile coerente. Di solito, ciò significa modificare rientri, spaziature e interruzioni di riga senza alterare il significato del codice.

La convalida della sintassi è altrettanto importante. Un formattatore può riscrivere il codice in modo sicuro solo se il parser riesce prima a interpretarlo.

Descrizione dello strumento

Questo strumento convalida la sintassi di JavaScript e formatta il codice nel browser. Utilizza un parser per verificare che l'input sia valido e Prettier per produrre una versione più ordinata dello stesso codice sorgente.

È utile quando vuoi applicare rapidamente una formattazione o verificare la sintassi senza aprire un IDE completo.

Esempi

  • Un piccolo modulo ES con import ed export
  • Un frammento JSX, ad esempio un componente React
  • Un lungo literal di oggetto che necessita di una pulizia dei rientri

Funzionalità

  • Convalida della sintassi con il parser Babel
  • Formattazione con Prettier standalone
  • Flusso di lavoro con pulsante Cancella per ripristini rapidi

Limitazioni

Questo strumento controlla solo la sintassi. Non esegue il codice e non supporta input TypeScript.

L'input vuoto viene rifiutato sia durante la convalida sia durante la formattazione; pertanto, devi fornire del codice effettivo prima di utilizzare una delle due azioni.