Ugrás a tartalomhoz

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.

Visszaállítás

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.

A OneClick Pro névjegye

A OneClick Pro több mint 150 webes eszközből álló, ingyenes gyűjtemény a mindennapi munkához: képek és mértékegységek átalakításához, kód formázásához és ellenőrzéséhez, domainek és SEO ellenőrzéséhez, valamint szövegekkel, dátumokkal és számokkal végzett munkához. Minden eszköz regisztráció és előfizetés nélkül használható; a megadott adatokat kizárólag az eredmény kiszámításához használjuk, és soha nem tároljuk. Használja gyors eszköztárként az alkalmi feladatokhoz, vagy mentse el könyvjelzőként a mindennap használt eszközöket.