JavaScript kodo išskleidimas internete
Įklijuokite sutankintą .js failą, webpack rinkinį ar vienos eilutės ištrauką ir dešiniajame skydelyje gaukite JavaScript su tvarkingomis įtraukomis. Prettier formatuoja jūsų naršyklėje, nieko niekur nesiunčiant.
Kodėl JavaScript tampa sunkiai skaitomas
Šiuolaikinės projektų parengimo sistemos sutankina JavaScript prieš jį pateikdamos naudotojui. Terser, esbuild, SWC ir panašūs įrankiai pašalina tarpus bei komentarus, vietinius kintamuosius ir funkcijas pervadina viena raide, įdėtinius blokus sutraukia į išraiškų grandines, o visą programą sujungia į vieną ar du failus. React programa, pradėta trijuose šimtuose skaitomų failų, naršyklę pasiekia kaip viena kelių šimtų kilobaitų eilutė. Kodas veikia puikiai, tačiau prireikus jį skaityti lieka vientisa teksto siena be aiškios struktūros.
Ką iš tikrųjų grąžina formatavimas
Rinkinio formatavimas atkuria tai, kas leidžia patogiai nagrinėti kodą. Instrukcijos vėl turi atskiras eilutes, todėl iškvietimų sekoje nurodyta 1 eilutė ir 24815 stulpelis virsta vieta, kurią galima aiškiai rasti. Įdėjimo lygiai parodo funkcijos pradžią ir pabaigą, sąlygos saugomą šaką bei atgalinių iškvietimų grandinę. Eilutes, URL ir galinių taškų vardus lengva peržvelgti. Dažnai būtent to reikia tikrinant svetimą scenarijų, o ne ieškant klaidos savo programoje.
Palaikoma šiuolaikinė sintaksė
Formatuoklis analizuoja dabartinį JavaScript, o ne dešimtmečio senumo jo dalį. Rodyklinės funkcijos, klasės, async ir await, generatoriai, pasirinktinis grandinėjimas, null reikšmių sujungimas, šabloninės eilutės, išskaidymas, sklaidos sintaksė, dinaminiai importai ir ES moduliai formatuojami tinkamai. Palaikomas ir JSX, todėl galima nagrinėti React komponentą, kurio JSX nebuvo transformuotas. Kadangi darbą atlieka Prettier, rezultatas atitinka tas pačias taisykles, kurias jūsų redaktorius taiko įprastiems projekto failams.
Kokios yra ribos
Išskleidimas neatkuria pirminio projekto. Sutankinimo įrankis pašalino komentarus ir pervadino kintamuosius, todėl formatuoklis negali atspėti, kad dabar n vadinamas kintamasis anksčiau buvo remainingRetries. Jei projektas paskelbė source map, įkelkite jį naršyklės kūrėjo įrankiuose, nes tai vienintelis kelias į tikrąjį originalą. Jei failas buvo tyčia supainiotas, o ne vien sutankintas, gausite skaitomą struktūrą, tačiau jo paskirtis nebūtinai taps aiški.
Dažniausiai užduodami klausimai
Ar galima išskleisti webpack arba Vite rinkinį?
Taip. Įklijuokite rinkinį arba pasirinkite failą, ir jis bus suformatuotas kaip bet kuris JavaScript failas. Dideli rinkiniai užtrunka kelias sekundes, nes apdorojami jūsų kompiuteryje. Sudėjus įtraukas modulių struktūrą lengviau pastebėti.
Ar pašalinamas JavaScript kodo painiojimas?
Įrankis suformatuoja tyčia supainiotą kodą, todėl jį daug lengviau skaityti, tačiau paties painiojimo neatšaukia. Užkoduotos eilutės, dirbtinis valdymo srautas ir sąmoningai pridėtas nenaudojamas kodas lieka savo vietose.
Ar formatavimas gali sugadinti kodą?
Formatuoklis siekia išlaikyti JavaScript veikimą ir pritaikyti nuoseklų stilių. Jis gali keisti skyrybą, kabutes ir išdėstymą, todėl rezultatas nėra tiksli baitų kopija. Išsaugokite originalą, peržiūrėkite rezultatą ir prieš naudodami jį veikiančioje sistemoje paleiskite projekto testus.