Բառը[Թաքցնել][Ցուցադրում]
- 1. Բարելավեք ձեր հիմնական գիտելիքները
- 2. Օգտագործեք օբյեկտի վրա հիմնված ռազմավարությունը
- 3. Օգտագործեք ֆունկցիաները, նույնիսկ եթե դրանք փոքր են
- 4. ==-ի փոխարեն օգտագործեք ===
- 5. Օգտագործեք JSLint
- 6. Սցենարները պետք է տեղադրվեն ձեր էջի ներքևում
- 7. Թել պատրաստելու ամենաարագ ճանապարհը
- 8. Ձեր կոդի վրա մեկնաբանություն ավելացրեք
- 9. Օգտագործեք կաղապարի բառացիությունը
- 10. Իտերատորներ և… Loops-ի համար
- 11. Նոր Object()-ի փոխարեն օգտագործեք {}
- 12. Մտածեք ձեր ծածկագրում let և const դնել
- 13. eval() Լավ գաղափար չէ
- 14. Spread Operator-ը հարմար է
- 15. սպասել և համաժամանակացնել
- 16. Javascript-ում օգտագործեք include() մեթոդը
- 17. Հեռացրեք տարրերը զանգվածից՝ օգտագործելով Splice
- 18. Օգտվե՛ք սլաքի ֆունկցիայից
- 19. Destructuring-ի միջոցով դուք կարող եք արագ վերագրել փոփոխական արժեքներ
- 20. Կատարեք մի քանի նախագիծ
- Եզրափակում
Եթե դուք երբևէ հետաքրքրվել եք վեբ մշակմամբ, հավանաբար հանդիպել եք JavaScript-ին: Օբյեկտ-կողմնորոշված ծրագրավորման լեզու է JavaScript-ը: Մշակողները օգտագործում են այն վեբ էջերը հաճախորդի կողմից (առջևի վերջ) դինամիկ և ինտերակտիվ դարձնելու համար:
Այն նաև օգտագործվում է վեբ էջեր և վեբ հավելվածներ ստեղծելու համար՝ HTML և CSS-ով: Ինտերնետում չկա որևէ վեբ էջ, որը չունենա JavaScript կոդ: Այն դարձել է ծրագրավորողի աշխատանքի անբաժանելի կողմը:
Իսկապես, այն անշեղորեն աճում է։ Թեև JavaScript-ը լավագույնս ճանաչվում է վեբ էջերին ֆունկցիոնալություն ապահովելու համար, այն նաև օգտագործվում է ոչ JavaScript միջավայրերում: Node.js-ը, Apache Couch-DB-ն և Adobe Acrobat-ը այս տեխնոլոգիաների օրինակներն են: JavaScript-ի գործարկման համար ժամանակակից վեբ բրաուզերների մեծ մասը պարունակում է ներկառուցված JavaScript-ի կատարման շարժիչ: Եթե ցանկանում եք լինել հաջողակ վեբ ծրագրավորող, դուք պետք է գործ ունենաք JavaScript-ի հետ:
Դուք պետք է լուծեք այն այսօր կամ վաղը: Ինչո՞ւ չսովորել JavaScript-ը ժամանակից շուտ, որպեսզի պատրաստ լինեք, երբ ժամանակը գա:
Սա այն է, ինչ դուք կսովորեք այս նիստում: Այն բացատրում է, թե ինչպես կարելի է մեկ քայլ առաջ մնալ ձեր գործընկեր վեբ մշակողներից՝ հղկելով ձեր JavaScript-ը:
Եկեք սկսենք!
1. Բարելավեք ձեր հիմնական գիտելիքները
Ես կսկսեմ իսկապես հիմնական մտքով և հայտարարությամբ, որը դուք լսել եք դեռ մանկուց: Իմացեք հիմունքները և կիրառեք դրանք գործնականում: Շատ անգամներ կոդավորումով տրամաբանություն կկիրառեք, բայց կմոռանաք, որ դրա համար արդեն ներկառուցված ֆունկցիա կա, օրինակ՝ զանգվածը կտրատելը: JavaScript կոդը գործարկելիս կարող եք սխալ ստանալ, և արդյունքում շատ լրացուցիչ գործառույթներ դադարում են աշխատել:
Դա կարող է առաջանալ մեկ կետով կամ շրջված ստորակետներով: Այս բաները տեղի են ունենում հիմունքների չհասկանալու արդյունքում: Շատ անգամ մեկ ծրագրում օգտագործվում է հիմնական հանգույց, օրինակ՝ for, which, or do while: Օղակները ծրագրավորման ամենահիմնական կառուցվածքներից են:
Բավականին դժվար է կոդավորել և նույնիսկ հնարավորություն ունենալ աշխատել ֆիրմայում, եթե դուք անծանոթ եք looping-ին և այլ հիմունքներին: Ձեր հիմունքների վրա հիմնվելը կարևոր է, քանի որ դրանք ամուր հիմք են ստեղծում լուծման բարդ տրամաբանությունն ու հեղինակությունը զարգացնելու համար:
2. Օգտագործեք օբյեկտի վրա հիմնված ռազմավարությունը
Օբյեկտ-կողմնորոշված մեթոդն այսօր ծրագրավորման ամենահայտնի մոտեցումն է: Օբյեկտ-կողմնորոշված մոտեցումը, որը սկսվել է C++-ով, այդ ժամանակից ի վեր հսկայական ժողովրդականություն է ձեռք բերել: Այսօր բոլոր հիմնական լեզուները ստեղծելու համար օգտագործվում է միայն օբյեկտի վրա հիմնված ծրագրավորում: Օբյեկտ-կողմնորոշված ռազմավարությունը այն ռազմավարությունն է, որը կենտրոնացած է կոնկրետ օբյեկտի վրա:
Այնուհետև նյութը դառնում է հիմնարար էություն: Այնուհետև այս օբյեկտն օգտագործվում է էջին որպես հիմք ատրիբուտներ և գործառույթներ ավելացնելու համար: Կարող եք նաև օգտագործել վերևից ներքև կոդ ստեղծելու ավանդական մեթոդը՝ առանց որևէ գործառույթի կամ օբյեկտի: Սա չափազանց ծավալուն է և երբեք չպետք է փորձվի: Կոդ մշակելիս մենք պետք է օգտագործենք ֆունկցիոնալ մոտեցում, իսկ եթե օգտագործում ենք ֆունկցիաներ, ապա պետք է օգտագործենք օբյեկտներ։
Այսպիսով, սկզբում ձգտեք ձեր ընդարձակ ծածկագիրը վերածել օբյեկտի վրա հիմնված կոդի և միշտ գրեք ձեր կոդը օբյեկտի վրա հիմնված ոճով: Երբ դուք ուսումնասիրում եք այլ մարդկանց ծածկագիրը, դուք անընդհատ դիտելու եք օբյեկտի վրա հիմնված տեխնիկա: Եթե ցանկանում եք տիրապետել JavaScript-ին, ավելի լավ է, եթե ձեր ձեռքերում լինի:
3. Օգտագործեք ֆունկցիաները, նույնիսկ եթե դրանք փոքր են
Ֆունկցիոնալ մոտեցմամբ ծրագրավորումը հիանալի միջոց է: Ինչո՞ւ։ Այն բաժանում է ձեր ծրագրաշարը մոդուլների, որոնք գործում են միասին, բայց դեռ տարբերվում են միմյանցից: Թույլ տվեք ձեզ օրինակ բերել, որպեսզի հասկանաք:
Ամբողջ թվերի Արմատային միջին քառակուսին կարելի է հաշվարկել ֆունկցիայի միջոցով: Դա անելու համար պետք է քառակուսի դնել ամբողջ թվերը, հաշվարկել դրանց միջինը և այնուհետև հաշվարկել միջինի քառակուսի արմատը: Գործընթացում կա երեք փուլ. Արդյունքում մենք կարող ենք օգտագործել երեք գործառույթ. Բայց, ինչպես տեսնում եք, այս բոլոր գործառույթները փոխկապակցված են: Մեկի արդյունքն ուղարկվում է մյուսին, և մենք ստանում ենք վերջնական արդյունքը:
Եկեք ձևացնենք, որ երեք գործառույթի փոխարեն ձեզ պարզապես անհրաժեշտ է մեկը՝ բազմաթիվ գործոնների հիման վրա RMS հաշվարկելու համար: Վերջնական լուծումը, ինչպես տեսնում եք, ճիշտ չէ։ Այս պահին ձեզ համար բավականին դժվար կլինի որոշել, թե ինչ սխալ է տեղի ունեցել նման մեծ իրադարձության ժամանակ:
Մյուս կողմից, երեք փոքրիկ գործառույթ ունենալը թույլ կտա արագ վերլուծել: Արդյունքում, նույնիսկ եթե գործառույթները համեստ են, օգտագործեք դրանք՝ հստակ կոդի մոդուլներ սահմանելու համար: Այս տեխնիկան կօգնի ձեզ դառնալ կախարդական JavaScript-ի մասնագետ:
Այժմ եկեք տեսնենք JavaScript-ի կոդավորման որոշ խորհուրդներ:
4. ==-ի փոխարեն օգտագործեք ===
JavaScript-ում կան երկու տեսակի հավասարության օպերատորներ՝ խիստ հավասարության օպերատորներ === և !==, և ոչ խիստ հավասարության օպերատորներ == և !=: Համեմատելիս լավագույն պրակտիկա է համարվում միշտ ճշգրիտ հավասարություն կիրառելը: ==-ի և !=-ի հետ աշխատելիս, այնուամենայնիվ, դուք խնդիրներ կունենաք, երբ գործ ունեք տարբեր տեսակների հետ:
Երբ ձեր համեմատած արժեքների տեսակները տարբեր են, ոչ խիստ օպերատորները կփորձեն պարտադրել իրենց արժեքները, ինչը կարող է հանգեցնել անսպասելի արդյունքների:
5. Օգտագործեք JSLint
Դուգլաս Քրոքֆորդը ստեղծել է JSLint՝ վրիպազերծիչ: Պարզապես դրեք ձեր սկրիպտը վանդակում, և այն արագ կսկսի սկանավորել այն ցանկացած վրիպակների կամ թերությունների համար:
JSLint-ն ուսումնասիրում է JavaScript աղբյուրի ֆայլը: Եթե խնդիր հայտնաբերվի, այն ուղարկում է հաղորդագրություն՝ խնդրի նկարագրությամբ և մոտավոր դիրքով աղբյուրի ներսում: Խնդիրը միշտ չէ, որ շարահյուսական սխալ է, թեև դա հաճախ է պատահում:
JSLint-ն ուսումնասիրում է ինչպես ոճական նորմերը, այնպես էլ կառուցվածքային խնդիրները: Դա չի նշանակում, որ ձեր ծրագրաշարը ճշգրիտ է: Այն պարզապես ավելացնում է ևս մեկ զույգ աչք՝ օգնելու խնդիրների հայտնաբերմանը: Նախքան սկրիպտը ստորագրելը, այն գործարկեք JSLint-ի միջոցով՝ համոզվելու, որ սխալ չեք թույլ տվել:
6. Սցենարները պետք է տեղադրվեն ձեր էջի ներքևում
Օգտագործողի հիմնական նպատակն է, որպեսզի էջը հնարավորինս արագ բեռնվի: Զննարկիչը չի կարող շարունակել սկրիպտի բեռնումը, քանի դեռ ամբողջ ֆայլը չի բեռնվել: Արդյունքում օգտվողը պետք է ավելի երկար սպասի, որպեսզի տեսնի որևէ առաջընթաց:
Եթե ունեք JS ֆայլեր, որոնք օգտագործվում են միայն ֆունկցիոնալությունը ապահովելու համար (օրինակ՝ կոճակը սեղմելուց հետո), դրեք դրանք էջի ներքևի մասում՝ փակվող մարմնի պիտակից անմիջապես առաջ: Սա, անկասկած, լավագույն պրակտիկան է:
7. Թել պատրաստելու ամենաարագ ճանապարհը
Երբ դուք պետք է պտտվեք զանգվածի կամ օբյեկտի շուրջ, միշտ մի օգտագործեք ձեր վստահելի for loop հայտարարությունը: Օգտագործեք ձեր երևակայությունը՝ առաջադրանքի ամենաարագ լուծումը գտնելու համար: Ես ձեզ թվեր չեմ բերելու. դուք պարզապես պետք է վստահեք ինձ (կամ փորձեք ինքներդ ձեզ համար):
Սա մինչ այժմ ամենաարագ տեխնիկան է:
8. Ձեր կոդի վրա մեկնաբանություն ավելացրեք
Սկզբում դա կարող է անիմաստ թվալ, բայց վստահեք ինձ, երբ ասում եմ, որ պետք է հնարավորինս հաճախ մեկնաբանել ձեր կոդը: Իսկ եթե ամիսներ անց վերադառնաք նախագծին և չկարողանաք հիշել ձեր սկզբնական մտքի ընթացքը:
Իսկ եթե ձեր կոդը պետք է թարմացվի ձեր գործընկերներից մեկի կողմից: Ձեր կոդի կարևոր ոլորտները միշտ պետք է մեկնաբանվեն:
9. Օգտագործեք կաղապարի բառացիությունը
Կրկնակի կամ միայնակ չակերտներով ստեղծված տողերի սահմանափակումները բազմաթիվ են։ Նրանց հետ աշխատելը շատ ավելի հեշտ դարձնելու համար կարող եք ընտրել ձեր որոշ տողերի փոխարինում կաղապարի տառերով:
Backtick նիշը (') օգտագործվում է ձևանմուշների բառացի կառուցման համար, որն ունի մի շարք առավելություններ։ Դուք կարող եք դրանք օգտագործել արտահայտություններ պահելու կամ բազմաշերտ տողեր կառուցելու համար:
Ինչպես տեսնում եք, ի տարբերություն սովորական լարային բառացի, որը կառուցված է մեկ կամ կրկնակի չակերտներով, մենք ստիպված չենք եղել բազմիցս մտնել և դուրս գալ մեր կաղապարի բառացի: Սա նվազագույնի է հասցնում մուտքագրման սխալների հավանականությունը և թույլ է տալիս մեզ ավելի մաքուր կոդ գրել:
10. Իտերատորներ և… Loops-ի համար
Iterators-ը JavaScript-ի օբյեկտներ են, որոնք իրականացնում են next() մեթոդը՝ վերադարձնելու օբյեկտ, որը պահպանում է հաջորդ արժեքը հաջորդականությամբ, ինչպես նաև true կամ false՝ կախված նրանից, թե արդյոք այլ արժեքներ են մնացել: Սա նշանակում է, որ եթե դուք իրականացնում եք iterator արձանագրությունը, կարող եք կառուցել ձեր սեփական iterator օբյեկտները:
JavaScript-ում կան մի քանի ներկառուցված կրկնիչներ, ինչպիսիք են String, Array, Map և այլն: Դուք կարող եք օգտագործել … օղակների համար՝ դրանց միջով կրկնելու համար: Սովորական օղակների համեմատությամբ, սա ավելի լակոնիկ է և ավելի քիչ հակված սխալների: Մենք չպետք է հետևենք զանգվածի ամբողջական երկարությանը կամ ընթացիկ ինդեքսին՝ օգտագործելով for…of հանգույց: Ներդրված օղակներ նախագծելիս դա կարող է օգնել պարզեցնել կոդը:
11. Նոր Object()-ի փոխարեն օգտագործեք {}
JavaScript-ում դուք կարող եք օբյեկտներ ստեղծել տարբեր ձևերով: Նոր կոնստրուկտորի օգտագործումը, ինչպես ցույց է տրված, ավելի սովորական եղանակ է: Այս ռազմավարությունը, մյուս կողմից, նշվում է որպես «վատ պրակտիկա»:
Այն կործանարար չէ, բայց մի փոքր խոսուն է և յուրահատուկ: Փոխարենը առաջարկում եմ օգտագործել օբյեկտի բառացի տեխնիկան:
12. Մտածեք ձեր ծածկագրում let և const դնել
Մենք կարող ենք օգտագործել let բանալի բառը՝ տեղական փոփոխականներ ստեղծելու համար, որոնք ընդգրկված են իրենց սեփական բլոկի վրա: Մենք կարող ենք օգտագործել const բանալի բառը, որպեսզի կառուցենք լոկալ բլոկային շրջանակով փոփոխականներ, որոնք հնարավոր չէ փոխել:
Փոփոխականներ հայտարարելիս պետք է հաշվի առնել let and const հիմնաբառերի օգտագործումը, երբ կիրառելի է: Հիշեք, որ const հիմնաբառը անջատում է միայն վերահանձնումը: Դա նույնպես փոփոխականն անփոփոխ չի դարձնում:
13. eval() Լավ գաղափար չէ
eval() մեթոդը, անտեղյակների համար, մեզ թույլ է տալիս մուտք գործել JavaScript-ի կոմպիլյատոր: Ըստ էության, մենք կարող ենք օգտագործել eval-ը տողի արդյունքը կատարելու համար՝ այն որպես մուտքագրում ():
Սա ոչ միայն զգալիորեն կդանդաղեցնի ձեր սցենարը, այլ նաև անվտանգության զգալի մտահոգություն է առաջացնում, քանի որ փոխանցված տեքստին չափազանց մեծ հեղինակություն է տալիս: Ամեն գնով խուսափեք դրանից:
14. Spread Operator-ը հարմար է
Երբևէ կարիք եղե՞լ է զանգվածի բոլոր տարրերը որպես առանձին տարրեր փոխանցել մեկ այլ ֆունկցիայի, թե՞ անհրաժեշտ է բոլոր արժեքները մի զանգվածից մյուսը դնել: Սա հենց այն է, ինչ մեզ թույլ է տալիս հասնել սփրեդ օպերատորը (…): Ահա մի նկարազարդում:
15. սպասել և համաժամանակացնել
Ստեղծեք ասինխրոն գործառույթներ՝ օգտագործելով async հիմնաբառը, որը միշտ խոստում է տալիս՝ բացահայտ կամ անուղղակի:
await հիմնաբառը կարող է օգտագործվել ասինխրոն ֆունկցիաներում՝ դադարեցնելու կատարումը մինչև վերադարձող խոստումների լուծումը ավարտված լինի: Ձեր async ֆունկցիայից դուրս կոդը կշարունակի գործել նորմալ:
16. Javascript-ում օգտագործեք include() մեթոդը
JavaScript-ում include() ֆունկցիան որոշում է՝ արդյոք տողը պարունակում է տրամադրված նիշերը, թե զանգվածը պարունակում է նշված տարրը։
Այս մեթոդը վերադարձնում է true, եթե տողը կամ տարրը հայտնաբերվի; հակառակ դեպքում, այն վերադարձնում է կեղծ: Հարկ է նշել, որ Strings contain() ֆունկցիան զգայուն է մեծատառերի նկատմամբ: Եթե ցանկանում եք համընկնել տողի հետ՝ անկախ գործից, պարզապես նախ փոքրատառեր արեք թիրախային տեքստը:
17. Հեռացրեք տարրերը զանգվածից՝ օգտագործելով Splice
Տարրը զանգվածից հեռացնելու համար ես տեսել եմ, որ մշակողները օգտագործում են ջնջման գործառույթը: Սա սխալ է, քանի որ օբյեկտը ջնջելու փոխարեն ջնջման մեթոդը փոխարինում է այն չսահմանվածով:
Զանգվածից տարրը ջնջելու ամենահեշտ ձևը՝ կախված JavaScript-ում դրա արժեքից, indexOf() ֆունկցիայի օգտագործումն է՝ զանգվածում այդ արժեքի ինդեքսը ստանալու համար, այնուհետև ջնջել այդ ինդեքսի արժեքը splice() մեթոդով:
18. Օգտվե՛ք սլաքի ֆունկցիայից
Սլաքների գործառույթները ևս մեկ կարևոր հատկություն են, որոնք նոր են ավելացվել JavaScript-ում:
Նրանք ունեն մի շարք առավելություններ: Սկզբից դրանք JavaScript-ի ֆունկցիոնալ մասերը դարձնում են տեսողականորեն ավելի գրավիչ և հեշտ գրելու համար: Այնուամենայնիվ, սլաքների գործառույթների օգտագործումը սա շատ ավելի ընթեռնելի և հակիրճ է դարձնում:
19. Destructuring-ի միջոցով դուք կարող եք արագ վերագրել փոփոխական արժեքներ
Ավելի վաղ այս գրառման մեջ մենք իմացանք JavaScript-ում տարածված օպերատորի մասին: Destructuring-ը նման է ապակառուցմանը, քանի որ այն նաև բացում է զանգվածների մեջ պարունակվող տվյալները:
Տարբերությունն այն է, որ այս չփաթեթավորված արժեքները կարող են վերագրվել տարբեր փոփոխականների: Զանգված ստեղծելիս շարահյուսությունը նույնական է [] դյուրանցման հետ: Փակագծերը, սակայն, այս անգամ տեղադրվում են հանձնարարության օպերատորի ձախ կողմում: Ահա մի նկարազարդում:
20. Կատարեք մի քանի նախագիծ
Ցանկացած տաղանդ պահանջում է հետևողական պրակտիկա, այնպես որ փորձեք կառուցել մի շարք նախագծեր՝ ձեր ունակությունները հղկելու և ծրագրավորման տարբեր սցենարների միջոցով փորձ ձեռք բերելու համար:
Նախագծերի վրա աշխատելիս դուք կզգաք մի քանի մարտահրավերներ և սխալներ, որոնք ձեզ կտրամադրեն անհրաժեշտ փորձաքննություն: Այսպիսով, փորձեք հանդես գալ նախագծերով, և ինտերնետում կան բազմաթիվ գաղափարներ և օրինակներ, որոնք կօգնեն ձեզ: Շարունակեք մշակել կոդը, և ձեր ունակությունները կբարելավվեն:
Եզրափակում
Կարող է դժվար լինել JavaScript-ի նման համակարգչային լեզու սովորելը: Եթե դուք լրջորեն ցանկանում եք դառնալ լավ ծրագրավորող և ապահովել ձեր առաջին աշխատանքը, ապա այս JavaScript ուսուցման ռազմավարությունները կարող են օգնել ձեզ արագացնել ձեր ուսուցման գործընթացը:
Համոզվեք, որ կանոնավոր կերպով վարժվում եք կոդավորումը, մանրակրկիտ նշումներ եք անում նոր գաղափարներ սովորելիս և օգտագործում եք ձեզ հասանելի բոլոր գործիքները: Ամենից առաջ դուրս եկեք այնտեղ և սկսեք կոդավորել զվարճանալիս:
Թողնել գրառում