Mündəricat[Gizlət][Göstər]
- 1. Əsas Biliklərinizi Təkmilləşdirin
- 2. Obyekt yönümlü strategiyadan istifadə edin
- 3. Funksiyalar kiçik olsa belə, onlardan istifadə edin
- 4. == əvəzinə === istifadə edin
- 5. JSLint istifadə edin
- 6. Skriptlər səhifənizin aşağı hissəsində yerləşdirilməlidir
- 7. Sim düzəltməyin ən sürətli yolu
- 8. Kodunuza şərh əlavə edin
- 9. Şablon Literallarından istifadə edin
- 10. İteratorlar və döngələr üçün
- 11. Yeni Obyekt() əvəzinə {} istifadə edin
- 12. Kodunuza let və const qoymağı düşünün
- 13. eval() Yaxşı İdeya Deyil
- 14. Spread Operatoru faydalıdır
- 15. gözləyin və async
- 16. Javascript-də include() metodundan istifadə edin
- 17. Splice istifadə edərək massivdən elementləri çıxarın
- 18. Ok funksiyasından istifadə edin
- 19. Destructuring ilə siz tez dəyişən qiymətlər təyin edə bilərsiniz
- 20. Bir neçə layihə hazırlayın
- Nəticə
Əgər nə vaxtsa veb inkişafı ilə maraqlanmısınızsa, yəqin ki, JavaScript ilə rastlaşmısınız. Obyekt yönümlü proqramlaşdırma dili JavaScript-dir. Tərtibatçılar ondan veb səhifələrin müştəri tərəfini (ön tərəfini) dinamik və interaktiv etmək üçün istifadə edirlər.
O, həmçinin HTML və CSS ilə veb səhifələr və veb proqramlar yaratmaq üçün istifadə olunur. Bu gün internetdə JavaScript kodu olmayan veb səhifə yoxdur. Bu, bir tərtibatçının işinin ayrılmaz bir tərəfinə çevrildi.
Doğrudan da, durmadan artır. JavaScript veb səhifələrə funksionallıq təmin etmək üçün ən yaxşı şəkildə tanınsa da, JavaScript olmayan mühitlərdə də istifadə olunur. Node.js, Apache Couch-DB və Adobe Acrobat bu texnologiyalara misaldır. JavaScript-i işlətmək üçün müasir veb-brauzerlərin əksəriyyəti daxili JavaScript icra mühərrikinə malikdir. Uğurlu veb tərtibatçısı olmaq istəyirsinizsə, JavaScript ilə məşğul olmalısınız.
Bunu bu gün və ya sabah həll etməlisiniz. Nə üçün JavaScript-i vaxtından əvvəl öyrənməyəsiniz ki, vaxtı gələndə hazır olasınız?
Bu sessiyada öyrənəcəyiniz budur. JavaScript-i cilalamaqla digər veb tərtibatçılarınızdan bir addım öndə olmağın yollarını izah edir.
Başlayaq!
1. Əsas Biliklərinizi Təkmilləşdirin
Mən gənclik illərindən bəri eşitdiyiniz çox sadə bir fikir və ifadə ilə başlayacağam. Əsasları öyrənin və tətbiq edin. Çox vaxt kodlaşdırma ilə məntiqi tətbiq edəcəksiniz, lakin bunun üçün massivi dilimləmək kimi artıq daxili funksiyanın olduğunu unudacaqsınız. JavaScript kodunu işə saldığınız zaman xəta ala bilərsiniz və nəticədə bir çox əlavə funksiyalar fəaliyyətini dayandırır.
Buna tək iki nöqtə və ya tərs vergül səbəb ola bilər. Bu şeylər əsasları dərk etməmək nəticəsində baş verir. Bir çox dəfə bir proqramda for, which, do while kimi əsas dövrə istifadə olunur. Döngülər ən fundamental proqramlaşdırma konstruksiyalarından biridir.
Əgər siz loop və digər əsaslarla tanış deyilsinizsə, kodlaşdırmaq olduqca çətindir və hətta bir firmada işləmək şansınız var. Əsaslarınızı araşdırmaq çox vacibdir, çünki onlar həllin mürəkkəb məntiqini və nüfuzunu inkişaf etdirmək üçün möhkəm zəmin yaradır.
2. Obyekt yönümlü strategiyadan istifadə edin
Obyekt yönümlü metod bu gün ən məşhur proqramlaşdırma yanaşmasıdır. C++ ilə başlayan obyekt yönümlü yanaşma o vaxtdan bəri çox populyarlıq qazandı. Bu gün bütün əsas dilləri yaratmaq üçün yalnız obyekt yönümlü proqramlaşdırmadan istifadə olunur. Obyekt yönümlü strategiya müəyyən bir obyektə yönəlmiş strategiyadır.
Sonra element əsas varlığa çevrilir. Bu obyekt daha sonra əsas kimi səhifəyə atributlar və funksiyalar əlavə etmək üçün istifadə olunur. Siz həmçinin heç bir funksiya və ya obyekt olmadan yuxarıdan aşağıya kod yaratmaq üçün ənənəvi üsuldan istifadə edə bilərsiniz. Bu, çox genişdir və heç vaxt cəhd edilməməlidir. Kod hazırlayarkən funksional yanaşmadan, funksiyalardan istifadə ediriksə, obyektlərdən istifadə etməliyik.
Beləliklə, başlanğıcda geniş kodunuzu obyekt yönümlü koda çevirməyə çalışın və kodunuzu həmişə obyekt yönümlü üslubda yazın. Başqalarının kodunu öyrəndiyiniz zaman siz daim obyekt yönümlü texnikalara baxacaqsınız. JavaScript-i mənimsəmək istəyirsinizsə, onu əlinizdən alsanız yaxşı olar.
3. Funksiyalar kiçik olsa belə, onlardan istifadə edin
Funksional yanaşma ilə proqramlaşdırma əla bir yoldur. Niyə? O, proqram təminatınızı birlikdə işləyən, lakin yenə də bir-birindən fərqlənən modullara ayırır. Anlamağınıza kömək etmək üçün sizə bir nümunə verim.
Tam ədədlərin Kök Orta Kvadratı funksiyadan istifadə etməklə hesablana bilər. Bunun üçün tam ədədlərin kvadratını almalı, onların ortasını hesablamalı və sonra ortanın kvadrat kökünü hesablamalısınız. Prosesdə üç mərhələ var. Nəticədə üç funksiyadan istifadə edə bilərik. Ancaq gördüyünüz kimi, bütün bu funksiyalar bir-birinə bağlıdır. Birinin çıxışı digərinə göndərilir və biz son nəticəni alırıq.
Tutaq ki, üç funksiya yerinə, bir çox amillər əsasında RMS hesablamaq üçün sadəcə birinə ehtiyacınız var. Son həll, gördüyünüz kimi, yanlışdır. Bu nöqtədə belə böyük bir hadisədə nəyin səhv getdiyini müəyyən etmək sizin üçün olduqca çətin olacaq.
Digər tərəfdən, üç kiçik funksiyaya sahib olmaq, sürətlə təhlil etməyə imkan verəcəkdir. Nəticədə, funksiyalar təvazökar olsa belə, fərqli kod modullarını müəyyən etmək üçün onlardan istifadə edin. Bu texnika sehrli kimi JavaScript mütəxəssisi olmağa kömək edəcək.
İndi bəzi JavaScript kodlaşdırma məsləhətlərinə baxaq.
4. == əvəzinə === istifadə edin
JavaScript-də bərabərlik operatorlarının iki növü var: ciddi bərabərlik operatorları === və !== və qeyri-ciddi bərabərlik operatorları == və !=. Müqayisə edərkən, həmişə dəqiq bərabərlikdən istifadə etmək ən yaxşı təcrübə hesab olunur. == və != ilə işləyərkən, fərqli növlərlə işləyərkən problemlərlə üzləşəcəksiniz.
Müqayisə etdiyiniz dəyərlərin növləri fərqli olduqda, qeyri-ciddi operatorlar öz dəyərlərini məcbur etməyə çalışacaqlar ki, bu da gözlənilməz nəticələrə səbəb ola bilər.
5. JSLint istifadə edin
Duqlas Krokford JSLint adlı sazlayıcı yaratdı. Sadəcə olaraq skriptinizi qutuya qoyun və o, hər hansı bir səhv və ya qüsur üçün onu tez bir zamanda skan edəcək.
JSLint JavaScript mənbə faylını yoxlayır. Problem aşkar edilərsə, o, problemin təsviri və mənbə daxilində təxmini mövqeyi olan bir mesaj göndərir. Problem həmişə sintaktik səhv deyil, baxmayaraq ki, tez-tez olur.
JSLint həm üslub normalarını, həm də struktur məsələlərini araşdırır. Bu, proqramınızın dəqiq olduğunu ifadə etmir. Problemlərin aşkarlanmasına kömək etmək üçün sadəcə bir cüt göz əlavə edir. Skriptdən çıxmazdan əvvəl heç bir səhv etmədiyinizə əmin olmaq üçün onu JSLint vasitəsilə işə salın.
6. Skriptlər səhifənizin aşağı hissəsində yerləşdirilməlidir
İstifadəçinin əsas məqsədi səhifənin mümkün qədər tez yüklənməsidir. Brauzer tam fayl yüklənənə qədər skripti yükləməyə davam edə bilməz. Nəticədə istifadəçi hər hansı irəliləyişi görmək üçün daha çox gözləməli olacaq.
Yalnız funksionallıq təmin etmək üçün istifadə olunan JS fayllarınız varsa (məsələn, bir düyməyə basıldıqdan sonra), onları səhifənin aşağısına, bağlanan əsas etiketdən dərhal əvvəl qoyun. Bu, şübhəsiz ki, ən yaxşı təcrübədir.
7. Sim düzəltməyin ən sürətli yolu
Massiv və ya obyekt ətrafında dövrə vurmaq lazım olduqda, həmişə etibarlı for loop bəyanatından istifadə etməyin. Əlinizdə olan tapşırığın ən qısa həllini tapmaq üçün təxəyyülünüzü istifadə edin. Mən sizə rəqəmlər gətirmək fikrində deyiləm; sadəcə mənə etibar etməli olacaqsınız (yaxud özünüzü sınayın).
Bu, indiyə qədər ən sürətli texnikadır.
8. Kodunuza şərh əlavə edin
Əvvəlcə mənasız görünə bilər, amma kodunuza mümkün qədər tez-tez şərh verməli olduğunuzu deyəndə mənə etibar edin. Əgər aylar sonra layihəyə qayıtsanız və ilkin düşüncə prosesinizi xatırlaya bilmirsinizsə, nə etməli?
Bəs kodunuz həmkarlarınızdan biri tərəfindən yenilənməlidir? Kodunuzun vacib sahələri həmişə şərh edilməlidir.
9. Şablon Literallarından istifadə edin
Qoşa və ya tək dırnaqlarla yaradılmış sətirlərin məhdudiyyətləri çoxdur. Onlarla işləməyi asanlaşdırmaq üçün bəzi sətirlərinizi şablon hərfi ilə əvəz edə bilərsiniz.
Geri işarə simvolu (') bir sıra üstünlüklərə malik olan şablon literallarını qurmaq üçün istifadə olunur. Onlardan ifadələri saxlamaq və ya çox sətirli sətirlər yaratmaq üçün istifadə edə bilərsiniz.
Gördüyünüz kimi, tək və ya qoşa dırnaqlarla qurulmuş adi sətirli literaldan fərqli olaraq, biz şablon literalımıza təkrar-təkrar girib-çıxmaq məcburiyyətində deyildik. Bu, yazma səhvləri ehtimalını minimuma endirir və bizə daha təmiz kod yazmağa imkan verir.
10. İteratorlar və döngələr üçün
İteratorlar, daha çox dəyərlərin qalıb-qalmamasından asılı olaraq, ardıcıllıqla növbəti dəyəri saxlayan, eləcə də doğru və ya yanlış olan obyekti qaytarmaq üçün növbəti() metodunu həyata keçirən JavaScript-də obyektlərdir. Bu o deməkdir ki, əgər siz iterator protokolunu tətbiq etsəniz, öz iterator obyektlərinizi yarada bilərsiniz.
JavaScript-də bəzi daxili iteratorlar var, məsələn, String, Array, Map və s. Onlar arasında təkrarlamaq üçün … üçün döngələrdən istifadə edə bilərsiniz. Adi for loopları ilə müqayisədə bu, daha qısa və daha az səhvə meyllidir. Biz for…of döngəsindən istifadə edərək massivin tam uzunluğunu və ya cari indeksi izləmək məcburiyyətində deyilik. İç-içə döngələri tərtib edərkən bu kodu sadələşdirməyə kömək edə bilər.
11. Yeni Obyekt() əvəzinə {} istifadə edin
JavaScript-də siz müxtəlif üsullarla obyektlər yarada bilərsiniz. Yeni konstruktordan istifadə, göstərildiyi kimi, daha ənənəvi bir yoldur. Bu strategiya, əksinə, "zəif təcrübə" kimi qeyd olunur.
Bu dağıdıcı deyil, lakin bir az sözlü və unikaldır. Bunun əvəzinə obyektin hərfi texnikasından istifadə etməyi təklif edirəm.
12. Kodunuza let və const qoymağı düşünün
Let açar sözündən istifadə edərək, öz bloklarına uyğun lokal dəyişənlər yarada bilərik. Dəyişdirilməsi mümkün olmayan lokal blok əhatəli dəyişənlər qurmaq üçün const açar sözündən istifadə edə bilərik.
Dəyişənləri elan edərkən, mümkün olduqda let və const açar sözlərindən istifadə etməyi düşünməlisiniz. Unutmayın ki, const açar sözü yalnız yenidən təyinatı aradan qaldırır. Bu, dəyişəni də dəyişilməz etmir.
13. eval() Yaxşı İdeya Deyil
Eval() metodu, xəbəri olmayanlar üçün bizə JavaScript-in tərtibçisinə daxil olmaq imkanı verir. Prinsipcə, biz sətrin nəticəsini giriş () kimi təqdim etməklə yerinə yetirmək üçün qiymətləndirmədən istifadə edə bilərik.
Bu, nəinki skriptinizi əhəmiyyətli dərəcədə yavaşlatacaq, həm də ötürülən mətnə həddindən artıq səlahiyyət verdiyi üçün əhəmiyyətli bir təhlükəsizlik narahatlığı təklif edir. Nəyin bahasına olursa olsun bundan çəkinin!
14. Spread Operatoru faydalıdır
Massivdəki bütün elementləri fərdi elementlər kimi başqa bir funksiyaya ötürməyə ehtiyacınız olubmu, yoxsa bütün dəyərləri bir massivdən digərinə qoymaq lazımdır? Bu, yayılma operatorunun (…) bizə nail olmağa imkan verdiyi şeydir. Budur bir illüstrasiya.
15. gözləyin və async
Async açar sözündən istifadə edərək asinxron funksiyalar yaradın, bu həmişə açıq və ya gizli şəkildə vəd qaytarır.
Qaytarılan vədlərin həlli tamamlanana qədər icranı dayandırmaq üçün await açar sözü asinxron funksiyalarda istifadə edilə bilər. Async funksiyanız xaricində kod normal işləməyə davam edəcək.
16. Javascript-də include() metodundan istifadə edin
JavaScript-də daxildir() funksiyası sətirdə verilmiş simvolları və ya massivin müəyyən edilmiş elementi ehtiva edib-etmədiyini müəyyən edir.
Bu üsul sətir və ya element aşkar edildikdə doğru qaytarır; əks halda false qaytarır. Qeyd etmək lazımdır ki, Strings contain() funksiyası böyük hərflərə həssasdır. Əgər işdən asılı olmayaraq sətri uyğunlaşdırmaq istəyirsinizsə, əvvəlcə hədəf mətni kiçik hərflərlə yazın.
17. Splice istifadə edərək massivdən elementləri çıxarın
Massivdən elementi silmək üçün tərtibatçıların silmə funksiyasından istifadə etdiyini gördüm. Bu səhvdir, çünki silmə metodu obyekti silmək əvəzinə onu müəyyən edilməmiş ilə əvəz edir.
JavaScript-dəki dəyərindən asılı olaraq elementi massivdən silməyin ən asan yolu massivdə həmin dəyərin indeks nömrəsini almaq üçün indexOf() funksiyasından istifadə etmək, sonra isə splice() metodu ilə həmin indeks dəyərini silməkdir.
18. Ok funksiyasından istifadə edin
Ok funksiyaları JavaScript-ə yeni əlavə edilmiş digər mühüm xüsusiyyətdir.
Onların bir çox üstünlükləri var. Başlamaq üçün, onlar JavaScript-in funksional hissələrini vizual olaraq daha cəlbedici edir və yazmağı asanlaşdırır. Bununla belə, ox funksiyalarından istifadə bunu daha aydın və qısa edir.
19. Destructuring ilə siz tez dəyişən qiymətlər təyin edə bilərsiniz
Bu yazının əvvəlində JavaScript-də yayılma operatoru haqqında öyrəndik. Destrukturizasiya destrukturizasiyaya bənzəyir, çünki o, həmçinin massivlərdə olan məlumatları paketdən çıxarır.
Fərq ondadır ki, bu açılmamış dəyərlər fərqli dəyişənlərə təyin edilə bilər. Sintaksis massiv yaradarkən [] qısayolu ilə eynidir. Mötərizələr, lakin bu dəfə təyinat operatorunun sol tərəfində yerləşdirilir. Budur bir illüstrasiya.
20. Bir neçə layihə hazırlayın
İstənilən istedad ardıcıl təcrübə tələb edir, ona görə də bacarıqlarınızı inkişaf etdirmək və müxtəlif proqramlaşdırma ssenariləri ilə təcrübə qazanmaq üçün müxtəlif layihələr qurmağa çalışın.
Layihələr üzərində işləyərkən bir sıra çətinliklər və çatışmazlıqlarla qarşılaşacaqsınız ki, bu da sizə lazımi təcrübə qazandıracaq. Beləliklə, layihələr hazırlamağa çalışın və internetdə sizə kömək edəcək çoxlu fikirlər və nümunələr var. Kodu inkişaf etdirməyə davam edin və bacarıqlarınız yaxşılaşacaq.
Nəticə
JavaScript kimi kompüter dilini öyrənmək çətin ola bilər. Əgər yaxşı proqramçı olmaq və ilk işinizi təmin etmək barədə ciddisinizsə, bu JavaScript öyrənmə strategiyaları sizə öyrənmə prosesinizi sürətləndirməyə kömək edə bilər.
Müntəzəm olaraq kodlaşdırma ilə məşğul olduğunuzdan əmin olun, yeni ideyaları öyrənərkən hərtərəfli qeydlər aparın və sizin üçün əlçatan olan bütün vasitələrdən istifadə edin. Hər şeydən əvvəl, ora çıxın və əylənərkən kodlamağa başlayın.
Cavab yaz