Mundarija[Yashirish][Show]
- 1. Asosiy bilimlaringizni oshiring
- 2. Ob'ektga yo'naltirilgan strategiyadan foydalaning
- 3. Funksiyalardan kichik bo'lsa ham foydalaning
- 4. == o'rniga === dan foydalaning
- 5. JSLint-dan foydalaning
- 6. Skriptlar sahifangizning pastki qismida joylashtirilishi kerak
- 7. String yasashning eng tez usuli
- 8. Kodingizga izoh qo'shing
- 9. Shablon harflaridan foydalaning
- 10. Iteratorlar va for … of Loops
- 11. New Object() oʻrniga {} dan foydalaning.
- 12. Kodingizga let va const qo'yishni o'ylab ko'ring
- 13. eval() yaxshi fikr emas
- 14. Spread operatori yordam beradi
- 15. kutish va sinxronlash
- 16. Javascriptda include() usulidan foydalaning
- 17. Splice yordamida massivdan elementlarni olib tashlang
- 18. Ok funksiyasidan foydalaning
- 19. Destructuring yordamida siz tezda o'zgaruvchan qiymatlarni belgilashingiz mumkin
- 20. Bir nechta loyihalarni amalga oshiring
- Xulosa
Agar siz ilgari veb-ishlab chiqishga qiziqqan bo'lsangiz, ehtimol siz JavaScript-ga duch kelgansiz. Ob'ektga yo'naltirilgan dasturlash tili JavaScript hisoblanadi. Ishlab chiquvchilar undan veb-sahifalarning mijoz tomoni (frontend) dinamik va interaktiv qilish uchun foydalanadilar.
Bundan tashqari, HTML va CSS bilan veb-sahifalar va veb-ilovalarni yaratish uchun ishlatiladi. Hozirgi kunda Internetda JavaScript kodi bo'lmagan veb-sahifa yo'q. Bu dasturchi ishining ajralmas jihatiga aylandi.
Darhaqiqat, u doimiy ravishda o'sib bormoqda. JavaScript veb-sahifalarning funksionalligini ta'minlash uchun eng yaxshi tan olingan bo'lsa-da, u JavaScript bo'lmagan muhitlarda ham qo'llaniladi. Node.js, Apache Couch-DB va Adobe Acrobat bu texnologiyalarga misoldir. JavaScript-ni ishga tushirish uchun ko'pgina zamonaviy veb-brauzerlarda o'rnatilgan JavaScript-ni bajarish mexanizmi mavjud. Muvaffaqiyatli veb-dasturchi bo'lishni istasangiz, JavaScript bilan shug'ullanishingiz kerak bo'ladi.
Bugun yoki ertaga buni hal qilishingiz kerak. Vaqti kelganda tayyor bo'lishingiz uchun nima uchun JavaScript-ni oldindan o'rganmaysiz?
Bu siz ushbu sessiyada o'rganasiz. Bu JavaScript-ni sayqallash orqali boshqa veb-ishlab chiquvchilardan qanday qilib bir qadam oldinda turishni tushuntiradi.
Keling, boshlang!
1. Asosiy bilimlaringizni oshiring
Men siz yoshligingizdan beri eshitgan juda oddiy fikr va bayonot bilan boshlayman. Asoslarni o'rganing va ularni amalda qo'llang. Ko'p marta siz kodlash bilan mantiqni qo'llaysiz, lekin siz uning uchun allaqachon o'rnatilgan funksiya mavjudligini unutasiz, masalan, massivni kesish. JavaScript kodini ishga tushirganingizda, siz xatoga yo'l qo'yishingiz mumkin va natijada ko'plab qo'shimcha funktsiyalar ishlashni to'xtatadi.
Bunga bitta yo'g'on nuqta yoki teskari vergul sabab bo'lishi mumkin. Bu narsalar asoslarni tushunmaslik natijasida yuzaga keladi. Ko'p marta bitta dasturda for, which yoki do while kabi asosiy sikl ishlatiladi. Looplar eng asosiy dasturlash konstruksiyalaridan biridir.
Agar siz loop va boshqa asoslarni bilmagan bo'lsangiz, kodlash juda qiyin va hatto firmada ishlash imkoniyati mavjud. Asoslaringizni chuqurlashtirish juda muhim, chunki ular yechimning murakkab mantiqiy va obro'sini rivojlantirish uchun mustahkam poydevor bo'lib xizmat qiladi.
2. Ob'ektga yo'naltirilgan strategiyadan foydalaning
Ob'ektga yo'naltirilgan usul bugungi kunda eng mashhur dasturlash usuli hisoblanadi. C++ tilidan boshlangan ob'ektga yo'naltirilgan yondashuv o'sha paytdan beri juda mashhur bo'ldi. Bugungi kunda barcha asosiy tillarni yaratish uchun faqat ob'ektga yo'naltirilgan dasturlash qo'llaniladi. Ob'ektga yo'naltirilgan strategiya - bu ma'lum bir ob'ektga qaratilgan strategiya.
Keyin element asosiy ob'ektga aylanadi. Keyinchalik bu ob'ekt asos sifatida sahifaga atributlar va funksiyalarni qo'shish uchun ishlatiladi. Bundan tashqari, yuqoridan pastgacha hech qanday funksiya yoki ob'ektsiz kod yaratishning an'anaviy usulidan foydalanishingiz mumkin. Bu juda keng va hech qachon urinmaslik kerak. Kodni ishlab chiqishda biz funktsional yondashuvdan foydalanishimiz kerak va agar biz funktsiyalardan foydalansak, ob'ektlardan foydalanishimiz kerak.
Shunday qilib, boshida keng ko'lamli kodingizni ob'ektga yo'naltirilgan kodga aylantirishga harakat qiling va kodingizni har doim ob'ektga yo'naltirilgan uslubda yozing. Boshqa odamlarning kodini o'rganganingizda, siz doimo ob'ektga yo'naltirilgan texnikani ko'rib chiqasiz. Agar siz JavaScript-ni o'zlashtirmoqchi bo'lsangiz, uni qo'lingizga olsangiz yaxshi bo'ladi.
3. Funksiyalardan kichik bo'lsa ham foydalaning
Funktsional yondashuv bilan dasturlash - bu ajoyib yo'l. Nega? Bu sizning dasturiy ta'minotingizni birgalikda ishlaydigan, ammo bir-biridan farq qiladigan modullarga ajratadi. Tushunishingiz uchun bir misol keltiraman.
Butun sonlarning o'rtacha kvadratini funktsiya yordamida hisoblash mumkin. Buning uchun siz butun sonlarni kvadratga olishingiz, ularning o'rtacha qiymatini hisoblashingiz va keyin o'rtacha kvadrat ildizni hisoblashingiz kerak. Jarayonning uch bosqichi mavjud. Natijada biz uchta funktsiyadan foydalanishimiz mumkin. Ammo, ko'rib turganingizdek, bu funktsiyalarning barchasi bir-biriga bog'langan. Birining chiqishi boshqasiga yuboriladi va biz yakuniy natijani olamiz.
Tasavvur qilaylik, uchta funktsiya o'rniga RMSni bir nechta omillarga asoslangan holda hisoblash uchun bitta funktsiya kerak. Yakuniy yechim, siz ko'rib turganingizdek, noto'g'ri. Bunday yirik tadbirda nima noto'g'ri bo'lganini aniqlash siz uchun juda qiyin bo'ladi.
Boshqa tomondan, uchta kichik funktsiyaga ega bo'lish sizga tezda tahlil qilish imkonini beradi. Natijada, funktsiyalar oddiy bo'lsa ham, ulardan alohida kod modullarini aniqlash uchun foydalaning. Ushbu uslub sizga sehr kabi JavaScript mutaxassisi bo'lishga yordam beradi.
Keling, ba'zi JavaScript-ni kodlash bo'yicha maslahatlarni ko'rib chiqaylik.
4. == o'rniga === dan foydalaning
JavaScript-da ikki xil tenglik operatorlari mavjud: qat'iy tenglik operatorlari === va !== va qat'iy bo'lmagan tenglik operatorlari == va !=. Taqqoslashda har doim aniq tenglikni qo'llash eng yaxshi amaliyot deb hisoblanadi. == va != bilan ishlaganda, har xil turlar bilan ishlashda muammolarga duch kelasiz.
Siz solishtirayotgan qiymatlarning turlari boshqacha bo'lsa, qat'iy bo'lmagan operatorlar o'z qiymatlarini majburlashga harakat qiladilar, bu esa kutilmagan natijalarga olib kelishi mumkin.
5. JSLint-dan foydalaning
Duglas Krokford xato tuzatuvchi JSLintni yaratdi. Shunchaki skriptingizni qutiga soling va u tezda har qanday xato yoki kamchiliklarni tekshiradi.
JSLint JavaScript manba faylini tekshiradi. Agar muammo aniqlansa, u muammoning tavsifi va manba ichidagi taxminiy pozitsiyasi bilan xabar yuboradi. Muammo har doim ham sintaktik xato emas, lekin tez-tez shunday bo'ladi.
JSLint stilistik me'yorlarni ham, strukturaviy masalalarni ham ko'rib chiqadi. Bu sizning dasturiy ta'minotingiz to'g'ri ekanligini anglatmaydi. Muammolarni aniqlashga yordam beradigan yana bir juft ko'z qo'shadi. Skriptni o'chirishdan oldin, hech qanday xatoga yo'l qo'ymaganingizga ishonch hosil qilish uchun uni JSLint orqali ishga tushiring.
6. Skriptlar sahifangizning pastki qismida joylashtirilishi kerak
Foydalanuvchining asosiy maqsadi sahifani iloji boricha tezroq yuklashdir. To'liq fayl yuklanmaguncha brauzer skriptni yuklashni davom ettira olmaydi. Natijada, foydalanuvchi har qanday taraqqiyotni ko'rish uchun ko'proq kutishga to'g'ri keladi.
Agar sizda faqat funksionallikni ta'minlash uchun foydalaniladigan JS fayllaringiz bo'lsa (masalan, tugma bosilganda), ularni sahifaning pastki qismiga, yopilish asosiy yorlig'i oldiga qo'ying. Bu, shubhasiz, eng yaxshi amaliyot.
7. String yasashning eng tez usuli
Agar massiv yoki ob'ekt atrofida aylanish kerak bo'lsa, har doim ishonchli for loop bayonotidan foydalanmang. Tasavvuringizdan foydalanib, topshiriqning eng tezkor echimini toping. Men sizga raqamlarni keltirmoqchi emasman; shunchaki menga ishonishingiz kerak bo'ladi (yoki o'zingizni sinab ko'ring).
Bu hozirgacha eng tezkor texnika.
8. Kodingizga izoh qo'shing
Avvaliga bu ma'nosiz bo'lib tuyulishi mumkin, lekin kodingizni iloji boricha tez-tez sharhlashingiz kerakligini aytsam, menga ishoning. Agar bir necha oydan keyin loyihaga qaytsangiz va asl fikrlash jarayonini eslay olmasangiz-chi?
Agar sizning kodingiz hamkasblaringizdan biri tomonidan yangilanishi kerak bo'lsa-chi? Kodingizning muhim joylari doimo sharhlanishi kerak.
9. Shablon harflaridan foydalaning
Ikki yoki bitta tirnoq bilan yaratilgan satrlarning cheklovlari juda ko'p. Ular bilan ishlashni osonlashtirish uchun siz ba'zi satrlaringizni shablon harflari bilan almashtirishni tanlashingiz mumkin.
Teskari belgi (') shablon harflarini yaratish uchun ishlatiladi, bu bir qator afzalliklarga ega. Siz ulardan iboralarni saqlash yoki ko'p qatorli satrlarni yaratish uchun foydalanishingiz mumkin.
Ko'rib turganingizdek, bitta yoki qo'sh tirnoq bilan tuzilgan oddiy satr literalidan farqli o'laroq, biz shablon literaliga qayta-qayta kirishimiz va chiqishimiz shart emas edi. Bu yozish xatolar ehtimolini kamaytiradi va bizga toza kod yozish imkonini beradi.
10. Iteratorlar va for … of Loops
Iteratorlar - JavaScript-dagi ob'ektlar bo'lib, ular keyingi qiymatni ketma-ketlikda saqlaydigan ob'ektni qaytarish uchun next() usulini, shuningdek, boshqa qiymatlar qolgan yoki yo'qligiga qarab rost yoki noto'g'ri. Bu shuni anglatadiki, agar siz iterator protokolini amalga oshirsangiz, o'zingizning iterator ob'ektlaringizni yaratishingiz mumkin.
JavaScript-da o'rnatilgan iteratorlar mavjud, masalan, String, Array, Map va boshqalar. Siz ular bo'ylab takrorlash uchun for … of looplardan foydalanishingiz mumkin. Oddiy for looplari bilan solishtirganda, bu qisqaroq va kamroq xatoga yo'l qo'yiladi. Biz massivning toʻliq uzunligini yoki joriy indeksni for…of tsikli yordamida kuzatib borishimiz shart emas. Ichki halqalarni loyihalashda bu kodni soddalashtirishga yordam berishi mumkin.
11. New Object() oʻrniga {} dan foydalaning.
JavaScript-da siz ob'ektlarni turli yo'llar bilan yasashingiz mumkin. Yangi konstruktordan foydalanish, ko'rsatilganidek, an'anaviyroq usuldir. Boshqa tomondan, ushbu strategiya "yomon amaliyot" deb belgilangan.
Bu halokatli emas, lekin u biroz so'z va o'ziga xosdir. Buning o'rniga ob'ektni literal texnikasidan foydalanishni taklif qilaman.
12. Kodingizga let va const qo'yishni o'ylab ko'ring
Biz let kalit so'zidan o'z blokiga kiritilgan mahalliy o'zgaruvchilarni yaratish uchun foydalanishimiz mumkin. Biz o'zgartirib bo'lmaydigan mahalliy blokli o'zgaruvchilarni yaratish uchun const kalit so'zidan foydalanishimiz mumkin.
O'zgaruvchilarni e'lon qilishda, iloji bo'lsa, let va const kalit so'zlaridan foydalanishni o'ylab ko'rishingiz kerak. Esda tutingki, const kalit so'zi faqat qayta tayinlashni o'chiradi. Bu ham o'zgaruvchini o'zgarmas qilib qo'ymaydi.
13. eval() yaxshi fikr emas
Bilmaganlar uchun eval() usuli bizga JavaScript kompilyatoriga kirish imkonini beradi. Aslida, biz satr natijasini kiritish () sifatida taqdim etish orqali bajarish uchun baholashdan foydalanishimiz mumkin.
Bu nafaqat skriptingizni sezilarli darajada sekinlashtiradi, balki u o'tkazilgan matnga juda ko'p vakolatlar berganligi sababli muhim xavfsizlik muammosini ham taklif qiladi. Qanday bo'lmasin, undan qoching!
14. Spread operatori yordam beradi
Massivdagi barcha elementlarni alohida elementlar sifatida boshqa funktsiyaga uzatishingiz kerak bo'lganmi yoki bir massivdagi barcha qiymatlarni boshqasiga qo'yish kerakmi? Spread operatori (…) bizga aynan shu narsaga erishishga imkon beradi. Mana bir misol.
15. kutish va sinxronlash
Asenkron kalit so'z yordamida asinxron funktsiyalarni yarating, bu har doim aniq yoki bilvosita va'dani qaytaradi.
Qaytarilgan va'dalarni hal qilish tugaguniga qadar bajarishni to'xtatish uchun await kalit so'zi asinxron funktsiyalarda ishlatilishi mumkin. Asinx funksiyasidan tashqarida kod normal ishlashda davom etadi.
16. Javascriptda include() usulidan foydalaning
JavaScript-da, include() funksiyasi satrda berilgan belgilar yoki massivda belgilangan element mavjudligini aniqlaydi.
Agar satr yoki element topilsa, bu usul true qiymatini qaytaradi; aks holda, u false qaytaradi. Shuni ta'kidlash kerakki, Strings contain() funksiyasi katta-kichik harflarga sezgir. Agar siz qanday holatda bo'lishidan qat'iy nazar satrga mos kelmoqchi bo'lsangiz, avval maqsadli matnni kichik harf bilan yozing.
17. Splice yordamida massivdan elementlarni olib tashlang
Massivdan elementni olib tashlash uchun men ishlab chiquvchilar o'chirish funksiyasidan foydalanganini ko'rdim. Bu noto'g'ri, chunki o'chirish usuli ob'ektni o'chirish o'rniga uni aniqlanmagan bilan almashtiradi.
JavaScript-dagi qiymatiga qarab elementni massivdan olib tashlashning eng oson yo‘li indexOf() funksiyasidan foydalanib, massivdagi ushbu qiymatning indeks raqamini olish, so‘ngra splice() usuli yordamida indeks qiymatini o‘chirishdir.
18. Ok funksiyasidan foydalaning
Ok funksiyalari JavaScript-ga yaqinda qo'shilgan yana bir muhim xususiyatdir.
Ular ko'plab afzalliklarga ega. Boshlash uchun ular JavaScript-ning funktsional qismlarini vizual jihatdan jozibador qiladi va yozishni osonlashtiradi. Biroq, o'q funktsiyalaridan foydalanish buni ancha tushunarli va ixcham qiladi.
19. Destructuring yordamida siz tezda o'zgaruvchan qiymatlarni belgilashingiz mumkin
Ushbu postning avvalida biz JavaScript-da tarqalish operatori haqida bilib oldik. Destrukturizatsiya destrukturaga o'xshaydi, chunki u massivlar ichidagi ma'lumotlarni ham ochadi.
Farqi shundaki, bu ochilmagan qiymatlar alohida o'zgaruvchilarga tayinlanishi mumkin. Sintaksis massivni yaratishda [] yorlig'i bilan bir xil. Qavslar esa bu safar tayinlash operatorining chap tomoniga joylashtiriladi. Mana bir misol.
20. Bir nechta loyihalarni amalga oshiring
Har qanday iste'dod doimiy amaliyotni talab qiladi, shuning uchun o'z qobiliyatlaringizni rivojlantirish va turli xil dasturlash stsenariylari bilan tajriba orttirish uchun turli loyihalarni qurishga harakat qiling.
Loyihalar ustida ishlayotganda siz bir nechta qiyinchiliklar va xatolarga duch kelasiz, bu sizga kerakli tajribani beradi. Shunday qilib, loyihalarni ishlab chiqishga harakat qiling va Internetda sizga yordam beradigan ko'plab g'oyalar va misollar mavjud. Kodni ishlab chiqishda davom eting va qobiliyatingiz yaxshilanadi.
Xulosa
JavaScript kabi kompyuter tilini o'rganish qiyin bo'lishi mumkin. Agar siz yaxshi dasturchi bo'lishga va birinchi ishingizni ta'minlashga jiddiy yondashsangiz, JavaScript-ni o'rganishning ushbu strategiyalari o'rganish jarayonini tezlashtirishga yordam beradi.
Muntazam ravishda kodlashni mashq qilganingizga ishonch hosil qiling, yangi g'oyalarni o'rganayotganda yaxshilab eslatma oling va siz uchun mavjud bo'lgan barcha vositalardan foydalaning. Eng muhimi, u erga boring va zavqlanib, kodlashni boshlang.
Leave a Reply