Ինչպես ձևավորել և սեղմել JavaScript կոդը

JavaScript տեքստի ձևավորման նպատակը

JavaScript Formatter-ը JavaScript տեքստի տեսքը փոխելու գործիք է։ Այն նույն կոդը կարող է ներկայացնել ավելի ընթեռնելի դասավորությամբ կամ ավելի սեղմ տեսքով՝ կախված ընտրված ռեժիմից։ Այդպիսի փոխակերպումը օգտակար է, երբ կոդը մեկ տողի վրա է, բացատները խառն են, կամ անհրաժեշտ է արագ պատրաստել կարճացված տարբերակ։

Beautify ռեժիմը նախատեսված է ընթերցումը հեշտացնելու համար։ Այն օգտագործում է ընտրված ներսքաշման չափը և դասավորում է տողերի ընդմիջումները՝ առանց վերջում լրացուցիչ նոր տող ավելացնելու։ Minify ռեժիմը նախատեսված է տեքստի ծավալը կրճատելու համար. այն մշակում է մեկնաբանությունները և համապատասխան բացատները, սակայն մեջբերված տողերի ներսի բովանդակությունը պահում է։

Արդյունքը պետք է ընկալել որպես ներկայացման փոփոխություն։ Ձևավորումը ինքնին չի հաստատում, որ JavaScript-ը վավեր է, ճիշտ է աշխատում կամ իմաստային առումով նույնն է մնացել։ Եթե ստացված տեքստը պետք է մտնի ծրագրի աշխատանքային տարբերակ, նախ համեմատեք այն սկզբնական կոդի հետ և ստուգեք ձեր սովորական գործիքներով։

Գործիքի օգտագործման հերթականությունը

1. Պատրաստեք JavaScript-ի սկզբնական տեքստը և տեղադրեք այն մուտքագրման դաշտում։ Սովորական օգտագործման համար արժեքը պետք է լինի տեքստ։ Եթե մուտքը դատարկ է կամ կազմված է միայն բացատներից, գործիքը այն ընդունում է և վերադարձնում է դատարկ ձևավորված տեքստ, ուստի այդ դեպքում լրացուցիչ կոդ ստանալու ակնկալիք մի ունեցեք։ Ոչ տողային արժեքը սովորաբար չի ձևավորվում։

2. Ընտրեք ներկայացման եղանակը։ Ընթերցման և վերանայման համար ընտրեք Beautify, իսկ կրճատված տեքստ ստանալու համար ընտրեք Minify։ Եթե եղանակը բացակայում է կամ ունի կեղծ արժեք, ընտրվում է Beautify-ը։ Տողային արժեքի դեպքում անունը նախ վերածվում է փոքրատառի. «minify» արժեքը գործարկում է կրճատում, իսկ մեկ այլ տողային անունը տանում է Beautify եղանակի։ Ճշմարիտ, բայց ոչ տողային արժեքը կարող է ձախողվել, քանի որ դրա վրա հնարավոր չէ կատարել փոքրատառի վերածում։

3. Սահմանեք ներսքաշման չափը, եթե մուտքը դատարկ չէ։ Թույլատրելի թվային միջակայքը 0-ից 8-ն է, իսկ լռելյայն չափը երկու բացատ է։ Անվավեր արժեքը կամ այդ միջակայքից դուրս թիվը փոխարինվում է երկու բացատով։ Օրինակ՝ չորսը կարող է տալ ավելի խոր տեսողական կառուցվածք, իսկ զրոն չի ավելացնում ներսքաշման բացատներ։ Այս ընտրությունը վերաբերում է Beautify-ի դասավորությանը։

4. Գործարկեք ձևավորումը և ուսումնասիրեք վերադարձված տեքստը։ Beautify-ի ժամանակ կիրառվում է ընտրված ներսքաշումը, պահպանվում են առկա տողերի ընդմիջումները՝ առավելագույնը երկու իրար հաջորդող դատարկ տողի սահմաններում, և վերջում նոր տող չի ավելացվում։ Minify-ի ժամանակ մեջբերված տողերից դուրս հեռացվում են տողային ու բլոկային մեկնաբանությունները, միավորվում է համապատասխան բացատը, կրճատվում են կրկնվող դատարկ տողերը, իսկ եզրային բացատները հեռացվում են։ Մեջբերված տողերի բովանդակությունը, ներառյալ escape-ավորված նիշերը, չի փոխարինվում։

5. Համեմատեք արդյունքը սկզբնական տեքստի հետ։ Ուշադրություն դարձրեք մեկնաբանությունների հեռացմանը, տողերի դասավորությանը, ներսքաշման չափին և տողային արժեքների պահպանմանը։ Եթե նպատակը ընթեռնելիությունն է, նախընտրեք Beautify-ը, իսկ եթե նպատակը կրճատված ներկայացումն է, դիտարկեք Minify-ի արդյունքը։

Արդյունքի ընթերցում և սահմանների ճանաչում

Beautify-ի հաջող արդյունքը սովորաբար տեսանելի է նրանով, որ նախկինում խիտ կամ մեկտողանի տեքստում հայտնվում են կառուցվածքային տողերի ընդմիջումներ։ Ներսքաշման ընտրված չափը օգնում է տարբերակել ներդրված հատվածները, իսկ վերջում չավելացված նոր տողը թույլ է տալիս արդյունքը ստանալ առանց լրացուցիչ եզրային նիշի։ Գոյություն ունեցող բազմաթիվ դատարկ տողերը կարող են կրճատվել, քանի որ պահպանվում է առավելագույնը երկու իրար հաջորդող դատարկ տող։

Minify-ի արդյունքը կարող է ավելի կարճ թվալ, քանի որ հեռացվում են համապատասխան մեկնաբանություններն ու բացատները։ Այդ փոփոխությունը չի նշանակում, որ գործիքը ստուգել է կոդի իմաստը։ Մեջբերված տողերի ներսում գտնվող տեքստը և escape-ավորված նիշերը պահվում են, սակայն minification-ի սահմանները պետք է հաշվի առնել JavaScript-ի ոչ սովորական շարահյուսության կամ մեկնաբանությունների և տառային արժեքների եզրային դեպքերում։

Չհաջողված մշակումը կարող է ցույց տալ, որ մուտքը չի համապատասխանում ընդունվող տեսակի կանոնին, չափազանց մեծ է, կամ պահանջվող JavaScript ձևավորման կախվածությունը հասանելի չէ։ Ոչ դատարկ մուտքի համար մեկ միլիոն UTF-8 բայթից ավելի չափը մերժվում է։ Դատարկ մուտքի հաջող ընթացքը առանձին բացառություն է, ուստի այն չի կարելի օգտագործել որպես ապացույց, որ նույն պայմանները վերաբերում են մեծ կամ սխալ տիպի արժեքներին։

Գործնական օրինակ

Դուք ցանկանում եք արագ ընթեռնելի դարձնել մեկ տողով գրված փոքր JavaScript ֆունկցիան։

Մուտքագրեք function greet(name){return "Hi "+name;} տեքստը, ընտրեք Beautify եղանակը և սահմանեք 4 ներսքաշում։

Արդյունքը հաջողությամբ վերադարձվում է որպես ձևավորված տեքստ, որը պարունակում է առնվազն մեկ տողի ընդմիջում և վերջում նոր տող չի ավելացնում։

Սահմանափակումներ

• Մեկ միլիոն UTF-8 բայթից մեծ ոչ դատարկ մուտքը չի ձևավորվում, և արդյունքը կարող է չստացվել նաև անհրաժեշտ JavaScript ձևավորման կախվածության անհասանելիության դեպքում։

Հաճախակի սխալներ

• Ձախողման պատճառ կարող է լինել ոչ տողային մուտքը կամ ճշմարիտ, բայց ոչ տողային եղանակի արժեքը։ Փոխարինեք մուտքը JavaScript տեքստով, իսկ եղանակը փոխանցեք «beautify» կամ «minify» տողային արժեքով։

Հաճախ տրվող հարցեր

Ո՞ր ներսքաշման չափն է ընդունվում։

Ոչ դատարկ մուտքի դեպքում օգտագործեք 0-ից 8 թվերից մեկը։ Եթե փոխանցված թիվը անվավեր է կամ դուրս է այդ միջակայքից, գործիքը այն փոխարինում է երկու բացատով, իսկ արժեք չնշելու դեպքում կիրառվում է նույն լռելյայն չափը։

Ի՞նչ է ստացվում դատարկ մուտք ուղարկելիս։

Դատարկ կամ միայն բացատներից կազմված մուտքը հաջողությամբ մշակվում է և վերադարձնում է դատարկ ձևավորված տեքստ։ Այդ ընթացքը չի ստեղծում JavaScript բովանդակություն, որը սկզբնական դաշտում չկար։

Ի՞նչ փոփոխություններ է կատարում Minify եղանակը։

Minify եղանակը, եթե մուտքը ոչ դատարկ է, հեռացնում է մեջբերված տողերից դուրս գտնվող տողային և բլոկային մեկնաբանությունները, կրճատում է համապատասխան բացատը և պահպանում է մեջբերված տողերի բովանդակությունը՝ ներառյալ escape-ավորված նիշերը։ Այն չի հանդիսանում JavaScript-ի իմաստային ստուգում։