JavaScript formatuoklis
Su šiuo JavaScript formatuokliu suformatuokite netvarkingą arba minimizuotą JavaScript kodą. Įklijuokite kodą, ir įrankis išanalizuos jį kaip ES modulį, tada išspausdins jį iš naujo: naudos dviejų tarpų įtrauką, kiekvieną sakinį pateiks atskiroje eilutėje, užtikrins nuoseklius tarpus aplink operatorius ir sakinių pabaigoje pridės kabliataškius, išsaugodamas komentarus. Apie sintaksės klaidas praneš, o ne spėlios, todėl kūrėjai gaus skaitomą ir galiojantį kodą peržiūroms, derinimui ir dokumentacijai.
Dažnai užduodami klausimai
Kaip veikia JavaScript formatuoklis?
Jis analizuoja jūsų kodą kaip ES modulį ir paverčia jį sintaksės medžiu, tada nuosekliu stiliumi medį atspausdina iš naujo. Kadangi kodas analizuojamas, o ne taisomas pagal teksto taisykles, išvesties struktūra visada atitinka įvestį.
Kokį stilių naudoja išvestis?
Blokai įtraukiami dviem tarpais, kiekvienas sakinys pateikiamas atskiroje eilutėje, aplink operatorius paliekami tarpai, o sakiniai baigiami kabliataškiais. Trumpi objektų ir masyvų literalai lieka vienoje eilutėje, o eilučių kabutės ir šabloninės eilutės išsaugomos tokios, kokios buvo įvestos.
Ar galiu pakeisti įtrauką arba kitas nuostatas?
Ne, formatuoklis neturi parinkčių. Kiekviena įvestis spausdinama tuo pačiu stiliumi, todėl rezultatai bendrinant išlieka nuspėjami.
Kas nutinka, jei mano kode yra sintaksės klaida?
Įrankis sustoja ir parodo analizatoriaus pranešimą, pavyzdžiui, „Unexpected:“, po kurio nurodomas klaidą sukėlęs žetonas. Ištaisykite nurodytą problemą ir vėl paleiskite formatuoklį.
Ar komentarai išsaugomi?
Taip, vienos eilutės ir blokų komentarai išsaugomi ir pateikiami kartu su sakiniais, kuriems priklauso. Sakinyje esantis komentaras gali būti perkeltas į kito sakinio pradžią.
Ar palaiko šiuolaikinį JavaScript?
Taip, analizatorius supranta šiuolaikinę sintaksę, pavyzdžiui, import ir export, rodyklines funkcijas, klases, async ir await, destruktūrizavimą, sklaidos operatorių, pasirenkamą grandinę, nulio koalescenciją ir šablonines eilutes. Ilgesni objektų literalai, netelpantys vienoje eilutėje, išskaidomi taip, kad kiekviena savybė būtų atskiroje eilutėje.
Ar galiu formatuoti sumažintą kodą?
Taip, sumažinti failai išanalizuojami ir išdėstomi įskaitomose eilutėse su įtraukomis. Minifikatoriaus parinkti trumpi kintamųjų pavadinimai paliekami, nes formatuojant niekas nepervadinama.
Ar formatavimas pakeis, ką daro mano kodas?
Ne, pakeičiami tik tarpai, eilučių lūžiai ir sakinių pabaigos žymekliai. Pridedami tik kabliataškiai, atitinkantys tai, kaip JavaScript jau skaito kodą.
Kodėl rezultatas pateikiamas javascript kodo bloke?
Rezultatas pateikiamas kaip Markdown kodo blokas, prasidedantis javascript tvorelės žyma, todėl įklijavus į Markdown jis rodomas su sintaksės paryškinimu. Jei reikia paprasto šaltinio kodo, nukopijuokite eilutes tarp tvorelių.
O kaip dėl JSX, TypeScript ar Flow?
Šis puslapis skirtas paprastam JavaScript. React komponentams naudokite JSX formatuoklį, o tipizuotam kodui – TypeScript arba Flow formatuoklį, nes tipų anotacijos nėra standartinio JavaScript dalis.