Yadda kyautatawa JavaScript ke aiki
Mai kyautatawa yana karanta lambar ka harufi ta harufi, yana bin zuriyar kowane bayani, kuma yana sake fitar da shi tare da sararin daidaitacce. Ba ya canza abin da lambar ke yi — kawai yadda take kama.
- Raba Alamu. Ɗakin karatu yana dubewa shigarwar ka zuwa jerin alamu: maganganun maɓalli, mai gane, kirtani, masu aiki, da alamomin rubutu. Kirtani, haruffan ƙira na template, da haruffan ƙira na bayani na yau da kullum ana saninsu a matsayin naɗoɗe ɗaya, don haka madauri a cikin kirtani ba za a taɓa ɗaukarsa a matsayin mai raba shafi ba.
- Bi Zuriyar. Yayin da yake tafiya a cikin jerin alamu, mai kyautatawa yana kiyaye matakin shigarwa na yanzu. Kowane madauri na buɗewa, ƙafa, ko rukunin yana tura matakin zuwa zuriyar; kowane rufe na dawowa yana komawa. Wannan zuriya tana yanke shawara kan adadin naɗoɗe na shigarwa da ke a gaban kowane layi da aka dawo da shi.
- Aiwatar da Zaɓuɓɓukan Ka. Zaɓin shigarwar ka (sarari 2, sarari 4, ko tab) yana ƙayyade fadin matakin ɗaya. Saiwar salon madauri tana yanke shawara ko madauri na buɗewa ya riƙe tare da bayani da ya gabata ko ya sauka zuwa layin kansa. Iyakar layukan fanko tana ninkewa dogayen jere na layukan fanko zuwa ƙayyadaddun adadin da ka zaɓa.
- Fitar. A ƙarshe mai tsara yana buga alamu da shigarwa da karye-karye na layi da ya sarrafa, yana ƙara abin rarrabawa da kyau idan aka zaɓi hakan — waɗanda samar da abin rarrabawa ta atomatik zai ƙarawa a lokacin gudu. Sakamakon shine tsarin shirye-shirye iri ɗaya, wanda aka tsara don ɗan adam ya iya karantawa.
Dalilin kyautatawa JavaScript
- Karanta lambar da aka rage. Ɓangarorin samarwa ana jifarsu a layi ɗaya da sunayen masu canji na haruffa guda. Kyautatawa yana maido da karye-karyen layi da shigarwa don ku iya gano kuskure zuwa bayani da ya haifar da shi, har ma ba tare da taswira ta tushe ba.
- Tsara fayiloli mara daidaito. Lambar da mutane da yawa suka taɓa tana driftawa zuwa shigarwa ta gauraye da salo na madauri daban-daban. Wucewar sau ɗaya ta cikin mai kyautatawa yana daidaita fayilin gaba ɗaya zuwa tsari ɗaya, wanda yana sa bambancin da ya biyo bayan nuna canje-canje na hankali na gaskiya maimakon ƙazamar sarari.
- Wannan kayan aiki baya ɗaukar nauyin shafin ka. Yawancin masu kyautatawa na intanet suna loda ɗakin karatu gaba ɗaya lokacin da ka buɗe shafin. Wannan yana loda js-beautify a hankali kawai lokacin da ka danna Kyautatawa ko ka kunna yanayin live, don haka buɗe shafin yana ɗaukar kilobytes kaɗan maimakon ɗaruruwan, kuma farkon samarwa yana kasancewa da sauri.
- Babu abin da ke barin burauzarku. Mai kyautatawa yana gudu gaba ɗaya a kan na'urar ka. Lambar ka ba ta taɓa loda zuwa sabar ba, wanda yana da mahimmanci lokacin da script da kake duba ta mallakin abokin cinikin, yana ƙunshe da hanyoyin API na cikin gida, ko ya faɗa ƙarƙashin yarjejeniyar sirri.
Ayyuka na gari
Kyautatawa JavaScript yana faruwa a duk lokacin da wani ya buƙaci karanta lambar da ba a rubuta ta don karantawa.
- Gyara kurakurai na samarwa: liƙa ɓangaren da aka ragewa wanda aka jawo daga kichupon Yanar Gizo don nemo aikin a bayan rumbun kuskure da ba za ka iya rufewa ba.
- Shirye-shiryen bitar lambar: sake tsara fayilin mai ba da gudummawa da shigarwa mara daidaito kafin buɗe buƙatun jawo don masu bita su ga hankali, ba juyin tsari ba.
- Bita na tsaro da bin ƙa'ida: buɗe snipu na uchambuzi na waje ko na talla don tabbatar da ainihin abin da yake yi kafin ya fita kai tsaye.
Misali da aka yi aiki
Ɗauki layi ɗaya da aka ragewa: function f(a){if(a){return a*2}else{return 0}}. Liƙa shi a sama tare da shigarwa da aka ƙayyade zuwa sarari 2 da salon madauri Ninka, sannan danna Kyautatawa. Ka samu ɓangare mai karantawa: function f(a) {, sannan da shigarwa if (a) {, bayani na return a * 2; da aka saka matakin ɗaya zuriya, da madauri da suka dace a ƙarƙashinsu. Canja salon madauri zuwa Buɗe kuma kowane madauri na buɗewa zai sauka zuwa layin kansa. Canza shigarwa zuwa Tab kuma kowane matakin zai koma daga sarari biyu zuwa harafin tab. Tsarin iri ɗaya ne; tsari kawai yana canzawa.
FAQ
Shin wannan yana gudana a cikin burauzarki?
Eh. Ɗakin karatu na js-beautify yana loda a hankali a karo na farko da ka danna Kyautatawa ko ka kunna yanayin live, kuma ana adana shi a cikin cache. Lambar ka ba ta taɓa barin shafin ba — babu tafiya zuwa sabar kuma babu loda.
Kyautatawa iri ɗaya ne da un-minify?
Yana maido da tsarin da ake iya karantawa — shigarwa, karye-karye na layi, da sarari — amma ba zai iya dawo da sunayen masu canji na asali ko sharhi da rage ya cire ba. Idan taswira ta tushe ta wanzu, DevTools na burauzarka na iya dawo da sunayen asali; mai kyautatawa shi kaɗai yana aiki kawai tare da abin da ke cikin fayilin.
Shin kyautatawa zai canza yadda lambar ta ke aiki?
A'a. Kyautatawa yana ƙara da cire sarari da karye-karye na layi kawai; shirye-shiryen yana gudana iri ɗaya. Zaɓin guda ɗaya da ke taɓa alamu shine "Ƙara abin rarrabawa da suka ɓace," wanda ke saka masu raba bayanai da samar da abin rarrabawa ta atomatik zai ƙarawa a lokacin gudu, yana sa lambar ta zama lafiya a raguwa daga baya.
Menene zaɓuɓɓukan salon madauri ke nufi?
Ninka yana riƙe madauri na buɗewa a layi ɗaya da bayani (if (x) {), wanda shine al'adar JavaScript ta yau da kullum. Buɗe yana faɗɗa kowane madauri na buɗewa zuwa layin kansa (salon Allman). Buɗe-a-ƙarshe yana riƙe madauri na buɗewa a haɗe amma yana sanya else da catch a layi sabon bayan madauri na rufe.
Kyautatawa JavaScript a gefen burauzar yana ba ka lambar da za a iya karantawa ba tare da mataki na gini ko loda ba. Liƙa script da aka ragewa ko mara tsari, zaɓi shigarwa da salon madauri, sannan kwafi ko sauke sakamakon. Babu abin da ke barin na'urar ka, babu asusun, kuma ɗakin karatu yana loda kawai lokacin da ka roƙa shi — don haka buɗe wannan shafi yana ɗaukar kilobytes kaɗan, ba megabyte ba.