JavaScript-muotoilija

Se jäsentää koodisi syntaksipuuksi ES-moduulina ja tulostaa puun uudelleen yhdenmukaisella tyylillä. Koska koodi jäsennetään tekstisääntöjen avulla tehtävän paikkailun sijaan, tulosteen rakenne vastaa aina syötettä.

Koodilohkoissa käytetään kahden välilyönnin sisennystä, jokainen lauseke on omalla rivillään, operaattorien ympärillä on välilyönnit ja lausekkeet päättyvät puolipisteeseen. Lyhyet objekti- ja taulukkoliteraalit pysyvät yhdellä rivillä, ja merkkijonojen lainausmerkit sekä mallipohjaiset literaalit säilyvät ennallaan.

Et, muotoilijassa ei ole asetuksia. Jokainen syöte tulostetaan samalla tyylillä, mikä pitää tulokset ennakoitavina niitä jaettaessa.

Työkalu pysähtyy ja näyttää jäsentimen viestin, kuten Unexpected: ja sitä seuraavan virheellisen tokenin. Korjaa ilmoitettu ongelma ja suorita muotoilija uudelleen.

Kyllä, rivikommentit ja lohkokommentit säilytetään ja sijoitetaan niihin liittyvien lausekkeiden yhteyteen. Lausekkeen sisällä oleva kommentti voi siirtyä seuraavan lausekkeen alkuun.

Kyllä, jäsennin ymmärtää modernin syntaksin, kuten import- ja export-lauseet, nuolifunktiot, luokat, async- ja await-rakenteet, destrukturoinnin, spread-syntaksin, valinnaisen ketjutuksen, nullish coalescing -operaattorin ja mallipohjamerkkijonot. Pidemmät objektiliteraalit, jotka eivät mahdu yhdelle riville, jaetaan niin, että kullakin rivillä on yksi ominaisuus.

Kyllä, pienennetyt tiedostot jäsennetään ja asetellaan luettaville riveille sisennyksineen. Pienentäjän valitsemat lyhyet muuttujanimet säilytetään, sillä muotoilu ei koskaan nimeä mitään uudelleen.

Ei, se muuttaa vain tyhjemerkkejä, rivinvaihtoja ja lauseiden päätemerkkejä. Ainoa lisäys ovat puolipisteet, jotka vastaavat sitä, miten JavaScript jo tulkitsee koodin.

Tulos palautetaan Markdown-koodilohkona, joka alkaa javascript-aitauksella, joten se näkyy korostettuna, kun se liitetään kohteeseen Markdown. Kopioi aitausten väliset rivit, kun haluat pelkän lähdekoodin.

Tämä sivu käsittelee tavallista JavaScript-koodia. Käytä JSX-muotoilijaa React-komponenteille ja TypeScript- tai Flow-muotoilijaa tyypitetyille koodeille, sillä tyyppimerkinnät eivät kuulu standardiin JavaScript-kieleen.