Mitä JavaScript-syntaksin muotoilu tarkoittaa?

JavaScript-muotoilu on prosessi, jossa tarkistetaan, onko lähdekoodi kelvollista, ja muotoillaan se sitten uudelleen yhdenmukaiseen tyyliin. Tämä tarkoittaa yleensä sisennyksen, välien ja rivinvaihtojen säätämistä muuttamatta koodin merkitystä.

Syntaksin validointi on yhtä tärkeää. Muotoilija voi muotoilla koodin turvallisesti uudelleen vain, jos jäsennin pystyy ensin tulkitsemaan sen.

Työkalun kuvaus

Tämä työkalu validoi JavaScript-syntaksin ja muotoilee koodin selaimessa. Se käyttää jäsennintä tarkistamaan, onko syöte kelvollinen, ja Prettieriä tuottamaan saman lähdekoodin siistimmän version.

Se on hyödyllinen, kun haluat muotoilla koodin nopeasti tai tarkistaa syntaksin avaamatta täysimittaista IDE:tä.

Esimerkkejä

  • Pieni ES-moduuli, jossa on import- ja export-määrityksiä
  • JSX-koodinpätkä, kuten React-komponentti
  • Pitkä objektiliteraali, jonka sisennystä on tarpeen siistiä

Ominaisuudet

  • Syntaksin validointi Babel-jäsentimellä
  • Muotoilu Prettier standalone -versiolla
  • Tyhjennyspainikkeeseen perustuva työnkulku nopeita nollauksia varten

Rajoitukset

Tämä työkalu käsittelee vain syntaksia. Se ei suorita koodia eikä tue TypeScript-syötettä.

Tyhjä syöte hylätään sekä validoinnissa että muotoilussa, joten sinun on annettava varsinaista koodia ennen kumman tahansa toiminnon käyttämistä.