Saturs[Paslēpt][Rādīt]
- 1. Uzlabojiet savas pamatzināšanas
- 2. Izmantojiet uz objektu orientētu stratēģiju
- 3. Izmantojiet funkcijas, pat ja tās ir mazas
- 4. == vietā izmantojiet ===
- 5. Izmantojiet JSLint
- 6. Skripti jāievieto lapas apakšā
- 7. Ātrākais veids, kā izveidot virkni
- 8. Pievienojiet savam kodam komentāru
- 9. Izmantojiet Template Literals
- 10. Iteratori un … of Loops
- 11. New Object() vietā izmantojiet {}
- 12. Apsveriet iespēju savā kodā ievietot let un const
- 13. eval() Vai nav laba ideja
- 14. Izkliedes operators noder
- 15. gaidīt un asinhroni
- 16. Javascript izmantojiet metodi include()
- 17. Noņemiet vienumus no masīva, izmantojot savienojumu
- 18. Izmantojiet bultiņu funkciju
- 19. Izmantojot Destructuring, varat ātri piešķirt mainīgās vērtības
- 20. Veikt vairākus projektus
- Secinājumi
Ja kādreiz esat interesējies par tīmekļa izstrādi, iespējams, esat saskāries ar JavaScript. Objektorientēta programmēšanas valoda ir JavaScript. Izstrādātāji to izmanto, lai padarītu tīmekļa lapas klienta puses (priekšgalu) dinamiskas un interaktīvas.
To izmanto arī, lai izveidotu tīmekļa lapas un tīmekļa lietotnes, izmantojot HTML un CSS. Mūsdienās internetā nav nevienas tīmekļa lapas, kurā nebūtu JavaScript koda. Tas ir kļuvis par neatņemamu izstrādātāja darba aspektu.
Patiešām, tas nepārtraukti pieaug. Lai gan JavaScript vislabāk tiek atzīts par tīmekļa lapu funkcionalitātes nodrošināšanu, tas tiek izmantots arī vidēs, kurās nav JavaScript. Node.js, Apache Couch-DB un Adobe Acrobat ir šo tehnoloģiju piemēri. JavaScript palaišanai lielākajā daļā mūsdienu tīmekļa pārlūkprogrammu ir iebūvēts JavaScript izpildes dzinējs. Ja vēlaties būt veiksmīgs tīmekļa izstrādātājs, jums būs jātiek galā ar JavaScript.
Jums tas ir jārisina šodien vai rīt. Kāpēc gan neiemācīties JavaScript valodu pirms laika, lai būtu gatavs, kad pienāks laiks?
Tas ir tas, ko jūs uzzināsiet šajā sesijā. Tajā ir paskaidrots, kā būt soli priekšā citiem tīmekļa izstrādātājiem, uzlabojot JavaScript.
Sāksim!
1. Uzlabojiet savas pamatzināšanas
Es sākšu ar ļoti vienkāršu domu un apgalvojumu, ko esat dzirdējis kopš bērnības. Apgūstiet pamatus un pielietojiet tos praksē. Daudzas reizes jūs izmantosit loģiku ar kodēšanu, taču aizmirsīsit, ka tai jau ir iebūvēta funkcija, piemēram, masīva sadalīšana. Palaižot JavaScript kodu, var parādīties kļūda, kā rezultātā daudzas papildu funkcijas pārstāj darboties.
To var izraisīt viens kols vai apgriezti komati. Šīs lietas rodas pamatu izpratnes trūkuma dēļ. Daudzas reizes vienā programmā tiek izmantota pamata cilpa, piemēram, for, kas vai do kamēr. Cilpas ir viena no vissvarīgākajām programmēšanas konstrukcijām.
Ir diezgan grūti kodēt un pat ir iespēja strādāt firmā, ja neesat pazīstams ar cilpu veidošanu un citiem pamatiem. Ir ļoti svarīgi izkopt savus pamatus, jo tie nodrošina stabilu pamatu risinājuma sarežģītās loģikas un reputācijas attīstīšanai.
2. Izmantojiet uz objektu orientētu stratēģiju
Objektorientētā metode mūsdienās ir vispazīstamākā programmēšanas pieeja. Objektorientētā pieeja, kas aizsākās ar C++, kopš tā laika ir ārkārtīgi populāra. Mūsdienās visu galveno valodu izveidošanai tiek izmantota tikai objektorientētā programmēšana. Objektorientēta stratēģija ir tāda, kas ir vērsta uz konkrētu objektu.
Pēc tam vienums kļūst par pamatvienību. Pēc tam šo objektu izmanto, lai lapai pievienotu atribūtus un funkcijas. Varat arī izmantot tradicionālo metodi koda izveidei no augšas uz leju bez funkcijām vai objektiem. Tas ir pārāk plašs, un to nekad nevajadzētu mēģināt. Izstrādājot kodu, mums ir jāizmanto funkcionāla pieeja, un, ja mēs izmantojam funkcijas, mums jāizmanto objekti.
Tāpēc sākumā mēģiniet pārveidot savu plašo kodu objektorientētā kodā un vienmēr rakstiet kodu objektorientētā stilā. Pētot citu cilvēku kodu, jūs pastāvīgi skatīsities uz objektorientētām metodēm. Ja vēlaties apgūt JavaScript, vislabāk ir iegūt to rokās.
3. Izmantojiet funkcijas, pat ja tās ir mazas
Programmēšana ar funkcionālu pieeju ir lielisks veids, kā iet. Kāpēc? Tas sadala jūsu programmatūru moduļos, kas darbojas kopā, bet joprojām atšķiras viens no otra. Ļaujiet man sniegt jums piemēru, lai palīdzētu jums saprast.
Veselo skaitļu vidējo kvadrātu var aprēķināt, izmantojot funkciju. Lai to izdarītu, veseli skaitļi ir jāliek kvadrātā, jāaprēķina to vidējais rādītājs un pēc tam jāaprēķina vidējā kvadrātsakne. Procesā ir trīs posmi. Rezultātā mēs varam izmantot trīs funkcijas. Bet, kā redzat, visas šīs funkcijas ir savstarpēji saistītas. Viena produkcija tiek nosūtīta citam, un mēs saņemam galīgo rezultātu.
Izliksimies, ka trīs funkciju vietā jums vienkārši ir nepieciešama viena, lai aprēķinātu RMS, pamatojoties uz vairākiem faktoriem. Galīgais risinājums, kā redzat, ir nepareizs. Jums būs diezgan grūti noteikt, kas šajā brīdī nogāja greizi tik lielā notikumā.
No otras puses, trīs sīkas funkcijas ļaus ātri analizēt. Rezultātā, pat ja funkcijas ir pieticīgas, izmantojiet tās, lai definētu atšķirīgus koda moduļus. Šis paņēmiens palīdzēs jums kļūt par JavaScript ekspertu kā maģija.
Tagad apskatīsim dažus JavaScript kodēšanas padomus.
4. == vietā izmantojiet ===
Programmā JavaScript ir divu veidu vienlīdzības operatori: stingri vienlīdzības operatori === un !== un nestingrās vienlīdzības operatori == un !=. Salīdzinot, par labāko praksi uzskata vienmēr izmantot precīzu vienlīdzību. Tomēr, strādājot ar == un !=, jums radīsies problēmas, strādājot ar dažādiem veidiem.
Ja salīdzināmo vērtību veidi atšķiras, nestingri operatori mēģinās piespiest savas vērtības, kas var novest pie negaidītiem rezultātiem.
5. Izmantojiet JSLint
Duglass Krokfords izveidoja atkļūdotāju JSLint. Vienkārši ievietojiet savu skriptu lodziņā, un tas ātri pārbaudīs, vai tajā nav kļūdu vai nepilnību.
JSLint pārbauda JavaScript avota failu. Ja tiek atklāta problēma, tas nosūta ziņojumu ar problēmas aprakstu un aptuveno atrašanās vietu avotā. Problēma ne vienmēr ir sintaktiska kļūda, lai gan tā bieži notiek.
JSLint apskata gan stilistiskās normas, gan strukturālās problēmas. Tas nenozīmē, ka jūsu programmatūra ir precīza. Tas vienkārši pievieno vēl vienu acu pāri, lai palīdzētu noteikt problēmas. Pirms izrakstāties no skripta, palaidiet to, izmantojot JSLint, lai pārliecinātos, ka neesat pieļāvis nekādas kļūdas.
6. Skripti jāievieto lapas apakšā
Lietotāja galvenais mērķis ir, lai lapa tiktu ielādēta pēc iespējas ātrāk. Pārlūkprogramma nevar turpināt skripta ielādi, kamēr nav ielādēts viss fails. Rezultātā lietotājam būs jāgaida ilgāk, lai redzētu progresu.
Ja jums ir JS faili, kas tiek izmantoti tikai funkcionalitātes nodrošināšanai (piemēram, kad tiek nospiesta poga), ievietojiet tos lapas apakšdaļā tieši pirms beigu pamatteksta taga. Šī neapšaubāmi ir labākā prakse.
7. Ātrākais veids, kā izveidot virkni
Ja jums ir nepieciešams veikt cilpu ap masīvu vai objektu, ne vienmēr izmantojiet cilpas paziņojumu. Izmantojiet savu iztēli, lai izdomātu ātrāko risinājumu konkrētajam uzdevumam. Es jums nenesīšu numurus; jums vienkārši būs man jāuzticas (vai jāpārbauda pats).
Šī līdz šim ir ātrākā tehnika.
8. Pievienojiet savam kodam komentāru
Sākumā tas var šķist bezjēdzīgi, taču ticiet man, kad es saku, ka jums vajadzētu pēc iespējas biežāk komentēt savu kodu. Ko darīt, ja atgriežaties pie projekta mēnešiem vēlāk un nevarat atcerēties savu sākotnējo domāšanas procesu?
Ko darīt, ja jūsu kods ir jāatjaunina kādam no jūsu kolēģiem? Svarīgas koda daļas vienmēr ir jākomentē.
9. Izmantojiet Template Literals
Virknēm, kas izveidotas ar dubultpēdiņām vai vienpēdiņām, ir daudz ierobežojumu. Lai atvieglotu darbu ar tiem, varat izvēlēties aizstāt dažas virknes ar veidņu literāļiem.
Atkāpšanās rakstzīme (') tiek izmantota, lai izveidotu veidņu literāļus, kam ir vairākas priekšrocības. Varat tos izmantot, lai saglabātu izteiksmes vai veidotu vairāku rindu virknes.
Kā redzat, atšķirībā no parastā virknes literāļa, kas konstruēts ar vienpēdiņām vai dubultpēdiņām, mums nebija atkārtoti jāievada un jāiziet no mūsu veidnes literāļa. Tas samazina drukas kļūdu iespējamību un ļauj rakstīt tīrāku kodu.
10. Iteratori un … of Loops
Iteratori ir JavaScript objekti, kas ievieš next() metodi, lai atgrieztu objektu, kas saglabā secības nākamo vērtību, kā arī patiesu vai nepatiesu atkarībā no tā, vai ir atlikušas vēl kādas vērtības. Tas nozīmē, ka, ieviešot iteratora protokolu, varat izveidot savus iteratora objektus.
JavaScript ir daži iebūvēti iteratori, piemēram, virkne, masīvs, karte un tā tālāk. Varat izmantot … no cilpas, lai tās atkārtotu. Salīdzinot ar parastajām cilpām, tas ir kodolīgāks un ar mazāku kļūdu iespējamību. Mums nav jāseko līdzi visam masīva garumam vai pašreizējam indeksam, izmantojot for…of cilpu. Veidojot ligzdotas cilpas, tas var palīdzēt vienkāršot kodu.
11. New Object() vietā izmantojiet {}
JavaScript jūs varat izveidot objektus dažādos veidos. Jaunā konstruktora izmantošana, kā parādīts attēlā, ir ierastāks veids. No otras puses, šī stratēģija ir atzīmēta kā "slikta prakse".
Tas nav destruktīvs, bet tas ir nedaudz izteiksmīgs un unikāls. Tā vietā es ierosinu izmantot objektu burtiskā tehnika.
12. Apsveriet iespēju savā kodā ievietot let un const
Mēs varam izmantot atslēgvārdu let, lai izveidotu lokālos mainīgos, kas ir iekļauti savā blokā. Mēs varam izmantot atslēgvārdu const, lai izveidotu lokālus bloka darbības jomas mainīgos, kurus nevar mainīt.
Deklarējot mainīgos, jums vajadzētu apsvērt iespēju izmantot atslēgvārdus let un const, ja piemērojams. Atcerieties, ka atslēgvārds const atspējo tikai atkārtotu piešķiršanu. Tas arī nepadara mainīgo lielumu nemaināmu.
13. eval() Vai nav laba ideja
Metode eval() tiem, kas to nezina, ļauj mums piekļūt JavaScript kompilatoram. Būtībā mēs varam izmantot eval, lai izpildītu virknes rezultātu, ievadot to kā ievadi ().
Tas ne tikai ievērojami palēninās skriptu, bet arī rada ievērojamas drošības problēmas, jo tas piešķir nodotajam tekstam pārāk daudz autoritātes. Izvairieties no tā par katru cenu!
14. Izkliedes operators noder
Vai jums kādreiz ir bijis nepieciešams pārsūtīt visus masīva vienumus kā atsevišķus elementus citai funkcijai, vai arī jums ir jāievieto visas vērtības no viena masīva citā? Tieši to mums ļauj sasniegt izkliedes operators (…). Šeit ir ilustrācija.
15. gaidīt un asinhroni
Izveidojiet asinhronas funkcijas, izmantojot asinhrono atslēgvārdu, kas vienmēr tieši vai netieši atgriež solījumu.
Gaidīšanas atslēgvārdu var izmantot asinhronās funkcijās, lai apturētu izpildi, līdz ir pabeigta atgriežamo solījumu atrisināšana. Ārpus asinhronās funkcijas kods turpinās darboties kā parasti.
16. Javascript izmantojiet metodi include()
Programmā JavaScript funkcija include() nosaka, vai virknē ir norādītās rakstzīmes vai masīvā ir norādītais elements.
Šī metode atgriež patieso vērtību, ja tiek atklāta virkne vai elements; pretējā gadījumā tas atgriež nepatiesu. Ir vērts pieminēt, ka funkcija Strings include() ir reģistrjutīga. Ja vēlaties saskaņot virkni neatkarīgi no reģistra, vispirms ievadiet mērķa tekstu ar mazajiem burtiem.
17. Noņemiet vienumus no masīva, izmantojot savienojumu
Lai noņemtu vienumu no masīva, esmu redzējis, ka izstrādātāji izmanto dzēšanas funkciju. Tas ir kļūdaini, jo tā vietā, lai dzēstu objektu, dzēšanas metode to aizstāj ar nedefinētu.
Vienkāršākais veids, kā noņemt elementu no masīva atkarībā no tā vērtības JavaScript, ir izmantot funkciju indexOf(), lai iegūtu šīs vērtības indeksa numuru masīvā, un pēc tam dzēst šo indeksa vērtību, izmantojot splice() metodi.
18. Izmantojiet bultiņu funkciju
Bultiņu funkcijas ir vēl viena svarīga funkcija, kas tikko ir pievienota JavaScript.
Viņiem ir daudz priekšrocību. Pirmkārt, tie padara JavaScript funkcionālās daļas vizuāli pievilcīgākas un vieglāk rakstāmas. Tomēr, izmantojot bultiņu funkcijas, tas ir daudz salasāmāks un kodolīgāks.
19. Izmantojot Destructuring, varat ātri piešķirt mainīgās vērtības
Iepriekš šajā ziņojumā mēs uzzinājām par izplatības operatoru JavaScript. Destrukturēšana ir līdzīga iznīcināšanai, jo tā arī izpako masīvos esošos datus.
Atšķirība ir tāda, ka šīs neiesaiņotās vērtības var piešķirt atsevišķiem mainīgajiem. Veidojot masīvu, sintakse ir identiska saīsnei []. Tomēr iekavas šoreiz ir novietotas uzdevuma operatora kreisajā pusē. Šeit ir ilustrācija.
20. Veikt vairākus projektus
Jebkurš talants prasa konsekventu praksi, tāpēc mēģiniet izveidot dažādus projektus, lai uzlabotu savas spējas un iegūtu zināšanas par dažādiem programmēšanas scenārijiem.
Strādājot pie projektiem, jūs saskarsities ar vairākiem izaicinājumiem un trūkumiem, kas nodrošinās jums nepieciešamās zināšanas. Tāpēc mēģiniet nākt klajā ar projektiem, un internetā ir daudz ideju un piemēru, kas jums palīdzēs. Turpiniet izstrādāt kodu, un jūsu spējas uzlabosies.
Secinājumi
Var būt grūti iemācīties datoru valodu, piemēram, JavaScript. Ja jūs nopietni vēlaties kļūt par labu programmētāju un nodrošināt savu pirmo darbu, šīs JavaScript mācīšanās stratēģijas var palīdzēt paātrināt mācību procesu.
Noteikti praktizējiet kodēšanu regulāri, veiciet rūpīgas piezīmes, apgūstot jaunas idejas, un izmantojiet visus jums pieejamos rīkus. Pats galvenais, izejiet un sāciet kodēt, izklaidējoties.
Atstāj atbildi