Talaan ng nilalaman[Tago][Ipakita]
- 1. Pagbutihin ang Iyong Pangunahing Kaalaman
- 2. Gumamit ng isang object-oriented na diskarte
- 3. Gumawa ng paggamit ng mga function kahit na sila ay maliit
- 4. Sa halip na ==, gamitin ang ===
- 5. Gumamit ng JSLint
- 6. Dapat ilagay ang mga script sa ibaba ng iyong pahina
- 7. Ang Pinakamabilis na Paraan para Gumawa ng String
- 8. Magdagdag ng komento sa iyong code
- 9. Gumamit ng Template Literal
- 10. Mga iterator at para sa … ng Loops
- 11. Gamitin ang {} sa halip na bagong Object()
- 12. Isaalang-alang ang paglalagay ng let at const sa iyong code
- 13. Ang eval() ay Hindi Magandang Ideya
- 14. Ang Spread Operator ay madaling gamitin
- 15. maghintay at async
- 16. Gamitin ang includes() method sa Javascript
- 17. Alisin ang mga item mula sa isang array gamit ang Splice
- 18. Gumamit ng Arrow Function
- 19. Sa Destructuring, mabilis kang makakapagtalaga ng mga variable na halaga
- 20. Gumawa ng ilang proyekto
- Konklusyon
Kung naging interesado ka sa web development, malamang na nakatagpo ka ng JavaScript. Ang isang object-oriented programming language ay JavaScript. Ginagamit ito ng mga developer para gawing dynamic at interactive ang client-side (front end) ng mga web page.
Ginagamit din ito upang lumikha ng mga web page at web app, gamit ang HTML at CSS. Walang web page sa internet sa kasalukuyan na walang JavaScript code. Ito ay naging isang hindi maaalis na aspeto ng trabaho ng isang developer.
Sa katunayan, ito ay patuloy na tumataas. Bagama't ang JavaScript ay pinakamahusay na kinikilala para sa pagbibigay ng functionality sa mga web page, ito ay ginagamit din sa mga non-JavaScript na kapaligiran. Ang Node.js, Apache Couch-DB, at Adobe Acrobat ay mga halimbawa ng mga teknolohiyang ito. Para sa pagpapatakbo ng JavaScript, karamihan sa mga modernong web browser ay naglalaman ng isang in-built na JavaScript execution engine. Kung gusto mong maging matagumpay na web developer, kailangan mong harapin ang JavaScript.
Dapat mong harapin ito ngayon o bukas. Bakit hindi matuto ng JavaScript nang maaga para maging handa ka pagdating ng panahon?
Ito ang matututuhan mo sa session na ito. Ipinapaliwanag nito kung paano manatiling isang hakbang sa unahan ng iyong mga kapwa web developer sa pamamagitan ng pagpapakintab ng iyong JavaScript.
Magsimula tayo!
1. Pagbutihin ang Iyong Pangunahing Kaalaman
Magsisimula ako sa isang talagang pangunahing pag-iisip at pahayag na narinig mo mula noong ikaw ay bata pa. Alamin ang mga pangunahing kaalaman at isabuhay ang mga ito. Maraming beses, maglalapat ka ng logic na may coding, ngunit makakalimutan mo na mayroon nang built-in na function para dito, tulad ng paghiwa ng array. Kapag pinatakbo mo ang JavaScript code, maaari kang makakuha ng error, at bilang resulta, maraming karagdagang feature ang huminto sa paggana.
Ito ay maaaring sanhi ng isang colon o inverted comma. Ang mga bagay na ito ay nangyayari bilang isang resulta ng kakulangan ng pag-unawa sa mga pangunahing kaalaman. Maraming beses sa isang solong programa, isang pangunahing loop tulad ng para sa, kung saan, o gawin habang ginagamit. Ang mga loop ay isa sa pinakapangunahing mga konstruksyon ng programming.
Medyo mahirap mag-code at magkaroon pa ng pagkakataong magtrabaho para sa isang kompanya kung hindi ka pamilyar sa looping at iba pang fundamentals. Ang pagsisiyasat sa iyong mga batayan ay kritikal dahil nagbibigay sila ng matibay na pundasyon kung saan bubuo ng kumplikadong lohika at reputasyon ng solusyon.
2. Gumamit ng isang object-oriented na diskarte
Ang object-oriented na pamamaraan ay ang pinakakilalang diskarte sa programming ngayon. Ang object-oriented na diskarte, na nagsimula sa C++, ay sumikat nang husto mula noon. Sa ngayon, ang object-oriented programming lamang ang ginagamit upang lumikha ng lahat ng pangunahing wika. Ang isang object-oriented na diskarte ay isa na nakatuon sa isang partikular na bagay.
Ang item ay magiging isang pangunahing entity. Ang bagay na ito ay pagkatapos ay ginagamit upang magdagdag ng mga katangian at function sa pahina bilang batayan. Maaari mo ring gamitin ang tradisyonal na paraan ng paglikha ng code mula sa itaas hanggang sa ibaba nang walang anumang mga function o bagay. Ito ay masyadong malawak at hindi na dapat subukan. Kapag bumubuo ng code, dapat tayong gumamit ng functional na diskarte, at kung gagamit tayo ng mga function, dapat tayong gumamit ng mga bagay.
Kaya, sa simula, sikaping i-convert ang iyong malawak na code sa object-oriented na code, at palaging isulat ang iyong code sa isang object-oriented na istilo. Kapag pinag-aralan mo ang code ng ibang tao, palagi kang titingin sa mga object-oriented na diskarte. Kung gusto mong makabisado ang JavaScript, pinakamainam kung makuha mo ang iyong mga kamay dito.
3. Gumawa ng paggamit ng mga function kahit na sila ay maliit
Ang programming na may functional na diskarte ay isang napakahusay na paraan upang pumunta. Bakit? Pinaghihiwalay nito ang iyong software sa mga module na gumagana nang magkasama ngunit naiiba pa rin sa isa't isa. Hayaan akong magbigay sa iyo ng isang halimbawa upang matulungan kang maunawaan.
Ang Root Mean Square ng mga integer ay maaaring kalkulahin gamit ang isang function. Upang gawin ito, dapat mong i-square ang mga integer, kalkulahin ang kanilang mean, at pagkatapos ay kalkulahin ang square root ng mean. Mayroong tatlong yugto sa proseso. Bilang resulta, maaari tayong gumamit ng tatlong function. Ngunit, tulad ng nakikita mo, ang lahat ng mga pag-andar na ito ay magkakaugnay. Ang output ng isa ay ipinapadala sa isa pa, at natatanggap namin ang pinakahuling resulta.
Magpanggap tayo na sa halip na tatlong function, kailangan mo lang ng isa para kalkulahin ang RMS batay sa maraming salik. Ang pangwakas na solusyon, tulad ng nakikita mo, ay hindi tama. Medyo magiging mahirap para sa iyo na matukoy kung ano ang naging mali sa isang malaking kaganapan sa puntong ito.
Ang pagkakaroon ng tatlong maliliit na pag-andar, sa kabilang banda, ay magbibigay-daan sa iyong mabilis na pag-aralan. Bilang resulta, kahit na ang mga function ay katamtaman, gamitin ang mga ito upang tukuyin ang mga natatanging code module. Tutulungan ka ng diskarteng ito na maging eksperto sa JavaScript tulad ng magic.
Ngayon, tingnan natin ang ilang tip sa JavaScript coding.
4. Sa halip na ==, gamitin ang ===
Sa JavaScript, mayroong dalawang uri ng mga operator ng pagkakapantay-pantay: mga mahigpit na operator ng pagkakapantay-pantay === at !==, at mga hindi mahigpit na operator ng pagkakapantay-pantay == at !=. Kapag naghahambing, itinuturing na pinakamahusay na kasanayan ang palaging gumamit ng eksaktong pagkakapantay-pantay. Kapag nagtatrabaho sa == at !=, gayunpaman, magkakaroon ka ng mga problema kapag nakikitungo sa mga natatanging uri.
Kapag ang mga uri ng mga halaga, na iyong inihahambing ay iba, ang hindi mahigpit na mga operator ay susubukan na pilitin ang kanilang mga halaga, na maaaring humantong sa mga hindi inaasahang resulta.
5. Gumamit ng JSLint
Nilikha ni Douglas Crockford ang JSLint, isang debugger. Ilagay lamang ang iyong script sa kahon, at ito ay mabilis na i-scan ito para sa anumang mga bug o mga depekto.
Sinusuri ng JSLint ang isang JavaScript source file. Kung may natuklasang problema, nagpapadala ito ng mensahe na may paglalarawan ng isyu at tinatayang posisyon sa loob ng pinagmulan. Ang isyu ay hindi palaging isang syntactic error, kahit na ito ay madalas na ang kaso.
Sinusuri ng JSLint ang parehong mga pang-istilong pamantayan at mga isyung istruktura. Hindi ito nagpapahiwatig na tumpak ang iyong software. Nagdaragdag lamang ito ng isa pang pares ng mga mata upang tumulong sa pagtuklas ng mga isyu. Bago ka mag-sign off sa isang script, patakbuhin ito sa pamamagitan ng JSLint upang matiyak na hindi ka nakagawa ng anumang mga pagkakamali.
6. Dapat ilagay ang mga script sa ibaba ng iyong pahina
Ang pangunahing layunin ng user ay para sa page na mag-load nang mabilis hangga't maaari. Ang browser ay hindi maaaring magpatuloy sa pag-load ng isang script hanggang sa ang kumpletong file ay na-load. Bilang resulta, ang gumagamit ay kailangang maghintay nang mas matagal upang makita ang anumang pag-unlad.
Kung mayroon kang mga JS file na ginagamit lamang upang magbigay ng functionality (halimbawa, kapag pinindot ang isang button), ilagay ang mga ito sa ibaba ng page, bago ang closing body tag. Ito ay walang alinlangan ang pinakamahusay na kasanayan.
7. Ang Pinakamabilis na Paraan para Gumawa ng String
Kapag kailangan mong umikot sa isang array o object, huwag palaging gamitin ang iyong trusty para sa loop na pahayag. Gamitin ang iyong imahinasyon upang makabuo ng pinakamabilis na solusyon para sa gawaing nasa kamay. Hindi ako magdadala sa iyo ng mga numero; kailangan mo lang magtiwala sa akin (o subukan para sa iyong sarili).
Ito ang pinakamabilis na pamamaraan sa ngayon.
8. Magdagdag ng komento sa iyong code
Ito ay maaaring mukhang walang kabuluhan sa una, ngunit maniwala ka sa akin kapag sinabi kong dapat kang magkomento sa iyong code nang madalas hangga't maaari. Paano kung bumalik ka sa proyekto pagkaraan ng ilang buwan at hindi mo maalala ang iyong orihinal na proseso ng pag-iisip?
Paano kung ang iyong code ay kailangang i-update ng isa sa iyong mga katrabaho? Ang mga mahahalagang bahagi ng iyong code ay dapat palaging magkomento.
9. Gumamit ng Template Literal
Ang mga hadlang ng mga string na nilikha gamit ang doble o solong mga panipi ay marami. Upang gawing mas madali ang pagtatrabaho sa kanila, maaari mong piliing palitan ang ilan sa iyong mga string ng mga literal na template.
Ang backtick na character (') ay ginagamit upang bumuo ng mga literal ng template, na may ilang mga pakinabang. Maaari mong gamitin ang mga ito upang mag-imbak ng mga expression o bumuo ng mga multi-line na string.
Gaya ng nakikita mo, hindi tulad ng isang ordinaryong string na literal na binuo gamit ang isa o dobleng mga panipi, hindi namin kailangang paulit-ulit na pumasok at lumabas sa aming literal na template. Pinaliit nito ang posibilidad ng mga pagkakamali sa pag-type at pinapayagan kaming magsulat ng mas malinis na code.
10. Mga iterator at para sa … ng Loops
Ang mga iterator ay mga bagay sa JavaScript na nagpapatupad ng susunod na() na pamamaraan upang ibalik ang isang bagay na nag-iimbak ng susunod na halaga sa isang pagkakasunud-sunod pati na rin ang totoo o mali depende sa kung mayroon pang natitirang mga halaga. Nangangahulugan ito na kung ipapatupad mo ang iterator protocol, maaari kang bumuo ng iyong sariling iterator object.
Mayroong ilang mga built-in na iterator sa JavaScript, tulad ng String, Array, Map, at iba pa. Maaari mong gamitin para sa ... ng mga loop upang umulit sa kabuuan ng mga ito. Kung ihahambing sa ordinaryong para sa mga loop, ito ay mas maikli at hindi gaanong madaling kapitan ng error. Hindi namin kailangang subaybayan ang kumpletong haba ng array o ang kasalukuyang index gamit ang for…of loop. Kapag nagdidisenyo ng mga nested loop, maaaring makatulong ito na gawing simple ang code.
11. Gamitin ang {} sa halip na bagong Object()
Sa JavaScript, maaari kang gumawa ng mga bagay sa iba't ibang paraan. Ang paggamit ng bagong constructor, tulad ng ipinapakita, ay isang mas karaniwang paraan. Ang diskarte na ito, sa kabilang banda, ay minarkahan bilang "mahinang kasanayan."
Ito ay hindi mapanira, ngunit ito ay isang maliit na salita at natatangi. Iminumungkahi ko sa halip na gamitin ang object literal na pamamaraan.
12. Isaalang-alang ang paglalagay ng let at const sa iyong code
Magagamit natin ang let keyword para gumawa ng mga lokal na variable na nasasakupan sa sarili nilang block. Magagamit namin ang const na keyword upang bumuo ng mga lokal na variable na nasasakupan ng block na hindi mababago.
Kapag nagdedeklara ng mga variable, dapat mong isaalang-alang ang paggamit ng let at const na mga keyword kapag naaangkop. Tandaan na ang const keyword ay hindi pinapagana ang muling pagtatalaga. Hindi nito ginagawang hindi nababago ang variable, alinman.
13. Ang eval() ay Hindi Magandang Ideya
Ang eval() na paraan, para sa mga hindi nakakaalam, ay nagbibigay-daan sa amin ng access sa compiler ng JavaScript. Mahalaga, maaari naming gamitin ang eval upang maisagawa ang resulta ng isang string sa pamamagitan ng pagbibigay nito bilang isang input ().
Hindi lamang nito makabuluhang pabagalin ang iyong script, ngunit nag-aalok din ito ng isang makabuluhang alalahanin sa seguridad dahil binibigyan nito ang naipasa-sa-text ng labis na awtoridad. Iwasan ito sa lahat ng mga gastos!
14. Ang Spread Operator ay madaling gamitin
Kinailangan mo na bang ipadala ang lahat ng mga item sa isang array bilang mga indibidwal na elemento sa isa pang function, o kailangan mo bang ilagay ang lahat ng mga halaga mula sa isang array patungo sa isa pa? Ito mismo ang pinapayagan ng spread operator (…) na makamit natin. Narito ang isang ilustrasyon.
15. maghintay at async
Gumawa ng mga asynchronous na function gamit ang async na keyword, na palaging nagbabalik ng pangako, tahasan man o hindi.
Ang naghihintay na keyword ay maaaring gamitin sa mga asynchronous na function upang ihinto ang pagpapatupad hanggang sa makumpleto ang paglutas ng mga pagbabalik ng mga pangako. Sa labas ng iyong async function, ang code ay patuloy na tatakbo nang normal.
16. Gamitin ang includes() method sa Javascript
Sa JavaScript, tinutukoy ng includes() function kung ang isang string ay naglalaman ng mga ibinigay na character o kung ang isang array ay naglalaman ng tinukoy na elemento.
Ang pamamaraang ito ay nagbabalik ng totoo kung ang string o elemento ay natuklasan; kung hindi, ito ay nagbabalik ng false. Ito ay nagkakahalaga ng pagbanggit na ang Strings contains() function ay case-sensitive. Kung nais mong tumugma sa isang string anuman ang kaso, maliitin lang muna ang target na teksto.
17. Alisin ang mga item mula sa isang array gamit ang Splice
Upang alisin ang isang item mula sa isang array, nakita kong ginagamit ng mga developer ang delete function. Ito ay mali dahil, sa halip na tanggalin ang bagay, pinapalitan ito ng paraan ng pagtanggal ng hindi natukoy.
Ang pinakamadaling paraan upang alisin ang isang elemento mula sa isang array depende sa value nito sa JavaScript ay ang paggamit ng indexOf() function para makuha ang index number ng value na iyon sa array, pagkatapos ay tanggalin ang index value na iyon gamit ang splice() na paraan..
18. Gumamit ng Arrow Function
Ang mga function ng arrow ay isa pang mahalagang tampok na idinagdag lamang sa JavaScript.
Mayroon silang isang boatload ng mga pakinabang. Upang magsimula, ginagawa nilang mas kaakit-akit at mas madaling isulat ang mga functional na bahagi ng JavaScript. Gayunpaman, ang paggamit ng mga function ng arrow ay ginagawa itong mas nababasa at maigsi.
19. Sa Destructuring, mabilis kang makakapagtalaga ng mga variable na halaga
Mas maaga sa post na ito, nalaman namin ang tungkol sa spread operator sa JavaScript. Ang destructuring ay katulad ng destructuring na ito rin ay nag-unpack ng data na nasa loob ng mga array.
Ang pagkakaiba ay ang mga naka-unpack na value na ito ay maaaring italaga sa mga natatanging variable. Ang syntax ay kapareho ng sa [] shortcut kapag bumubuo ng array. Ang mga bracket, gayunpaman, ay inilalagay sa kaliwang bahagi ng assignment operator sa pagkakataong ito. Narito ang isang ilustrasyon.
20. Gumawa ng ilang proyekto
Ang anumang talento ay nangangailangan ng pare-parehong kasanayan, kaya subukang bumuo ng iba't ibang mga proyekto upang mahasa ang iyong mga kakayahan at makakuha ng kadalubhasaan sa iba't ibang mga sitwasyon sa programming.
Habang nagtatrabaho sa mga proyekto, makakaranas ka ng ilang hamon at pagkakamali, na magbibigay sa iyo ng kinakailangang kadalubhasaan. Kaya subukang gumawa ng mga proyekto, at mayroong napakaraming ideya at halimbawa sa internet na tutulong sa iyo. Ipagpatuloy ang pagbuo ng code, at ang iyong mga kakayahan ay gaganda.
Konklusyon
Maaaring mahirap matuto ng wika sa computer tulad ng JavaScript. Kung seryoso ka sa pagiging isang mahusay na programmer at pag-secure ng iyong unang trabaho, ang mga diskarte sa pag-aaral ng JavaScript na ito ay makakatulong sa iyo na pabilisin ang iyong proseso ng pag-aaral.
Tiyaking regular kang nagsasanay sa coding, kumuha ng masusing mga tala habang nag-aaral ng mga bagong ideya, at gamitin ang lahat ng tool na naa-access mo. Higit sa lahat, lumabas ka doon at magsimulang mag-coding habang nagsasaya.
Mag-iwan ng Sagot