JavaScript-formázó
Formázza a rendezetlen vagy minifikált JavaScript-kódot ezzel a JavaScript-formázóval. Illessze be a kódot; az eszköz ES-modulként elemzi, majd újra kiírja két szóközös behúzással, soronként egy utasítással, az operátorok körüli egységes szóközökkel és az utasítások végén pontosvesszővel, miközben megőrzi a megjegyzéseket. Szintaktikai hiba esetén az eszköz találgatás helyett jelzi a hibát, így a fejlesztők áttekintéshez, hibakereséshez és dokumentációhoz olvasható, érvényes kódot kapnak.
Gyakran ismételt kérdések
Hogyan működik a JavaScript-formázó?
A kódot ES-modulként szintaxisfává elemzi, majd a fát egységes stílusban írja ki. Mivel az eszköz szövegszabályokkal végzett módosítás helyett elemzi a kódot, a kimenet szerkezete mindig megegyezik a bemenetével.
Milyen stílust használ a kimenet?
A blokkok behúzása két szóköz, minden utasítás külön sorba kerül, az operátorok körül szóközök vannak, az utasítások pedig pontosvesszővel végződnek. A rövid objektum- és tömbliterálok egy sorban maradnak, a karakterláncok idézőjelei és a sablonliterálok pedig az eredeti formájukban maradnak.
Módosíthatom a behúzást vagy más beállításokat?
Nem, a formázónak nincsenek beállításai. Minden bemenet azonos stílusban jelenik meg, így az eredmény megosztásakor kiszámítható marad.
Mi történik, ha szintaktikai hiba van a kódomban?
Az eszköz leáll, és megjeleníti az elemző üzenetét, például az „Unexpected:” szöveget, amelyet a hibás token követ. Javítsa a jelzett problémát, majd futtassa újra a formázót.
Megmaradnak a megjegyzések?
Igen, a sor- és blokkmegjegyzések megmaradnak, és az eszköz az azokhoz tartozó utasítások mellé helyezi őket. Az utasításon belüli megjegyzés átkerülhet a következő utasítás elejére.
Támogatja a modern JavaScript-t?
Igen, az elemző olyan modern szintaxist is értelmez, mint az import és export, a nyílfüggvények, az osztályok, az async és await, a destrukturálás, a spread, az opcionális láncolás, a nullish coalescing és a sablonliterálok. Az egy sorba nem férő, hosszabb objektumliterálok több sorba tördelve jelennek meg, soronként egy tulajdonsággal.
Formázhatom a kicsinyített kódot?
Igen, a minifikált fájlokat feldolgozza, majd olvasható sorokra és behúzásokra bontja. A minifikáló által választott rövid változónevek megmaradnak, mert a formázás soha nem nevez át semmit.
Megváltoztatja a formázás a kódom működését?
Nem, csak a szóközöket, a sortöréseket és az utasításlezárókat módosítja. Kizárólag pontosvesszőket ad hozzá, amelyek megfelelnek annak, ahogyan a JavaScript már most is értelmezi a kódot.
Miért javascript kódkerítésbe kerül az eredmény?
Az eredmény Markdown kódblokként érkezik, amely javascript kódkerítéssel kezdődik, így kiemeléssel jelenik meg, amikor beilleszti a Markdown felületére. Ha egyszerű forráskódra van szüksége, másolja ki a kerítések közötti sorokat.
Mi a helyzet a JSX-val, a TypeScript-val vagy a Flow-val?
Ez az oldal egyszerű JavaScript-ot kezel. A React komponensekhez használja a JSX-formázót, típusozott kódhoz pedig a TypeScript- vagy Flow-formázót, mivel a típusannotációk nem részei a szabványos JavaScript-nak.