Kazalo[Skrij][Pokaži]
- 1. Izboljšajte svoje osnovno znanje
- 2. Uporabite objektno usmerjeno strategijo
- 3. Izkoristite funkcije, tudi če so majhne
- 4. Namesto == uporabite ===
- 5. Uporabite JSLint
- 6. Skripte naj bodo postavljene na dno strani
- 7. Najhitrejši način za izdelavo vrvice
- 8. Dodajte komentar svoji kodi
- 9. Uporabite dobesedne predloge
- 10. Iteratorji in za … zank
- 11. Uporabite {} namesto new Object()
- 12. Razmislite o vnosu let in const v kodo
- 13. eval() ni dobra ideja
- 14. Spread Operator pride prav
- 15. čakati in async
- 16. Uporabite metodo include() v Javascriptu
- 17. Odstranite elemente iz polja s pomočjo Splice
- 18. Uporabite funkcijo puščice
- 19. Z destrukturiranjem lahko hitro dodelite spremenljive vrednosti
- 20. Naredite več projektov
- zaključek
Če vas je kdaj zanimal spletni razvoj, ste verjetno naleteli na JavaScript. Objektno usmerjen programski jezik je JavaScript. Razvijalci ga uporabljajo za dinamičnost in interaktivnost spletnih strani na strani odjemalca (sprednje strani).
Uporablja se tudi za ustvarjanje spletnih strani in spletnih aplikacij s HTML in CSS. Dandanes ni spletne strani na internetu, ki ne bi imela JavaScript kode. To je postalo neločljiv vidik dela razvijalca.
Dejansko vztrajno narašča. Čeprav je JavaScript najbolj znan po zagotavljanju funkcionalnosti spletnih strani, se uporablja tudi v okoljih brez JavaScripta. Node.js, Apache Couch-DB in Adobe Acrobat so primeri teh tehnologij. Za izvajanje JavaScripta ima večina sodobnih spletnih brskalnikov vgrajen mehanizem za izvajanje JavaScripta. Če želite biti uspešen spletni razvijalec, se boste morali ukvarjati z JavaScriptom.
Danes ali jutri se ga morate lotiti. Zakaj se ne bi JavaScripta naučili vnaprej, da boste pripravljeni, ko pride čas?
To se boste naučili na tem predavanju. Pojasnjuje, kako z izpopolnjevanjem JavaScripta ostati korak pred svojimi kolegi spletnimi razvijalci.
Začnimo!
1. Izboljšajte svoje osnovno znanje
Začel bom z resnično osnovno mislijo in izjavo, ki ste jo slišali že od otroštva. Naučite se osnov in jih uporabite v praksi. Velikokrat boste uporabili logiko s kodiranjem, vendar boste pozabili, da za to že obstaja vgrajena funkcija, kot je rezanje matrike. Ko zaženete kodo JavaScript, lahko dobite napako, posledično pa številne dodatne funkcije prenehajo delovati.
To je lahko posledica enojnega dvopičja ali narekovajev. Te stvari se pojavijo kot posledica pomanjkanja razumevanja osnov. Velikokrat je v posameznem programu uporabljena osnovna zanka, kot je for, which ali do while. Zanke so ena najbolj temeljnih programskih konstrukcij.
Precej težko je kodirati in celo imeti možnost delati v podjetju, če niste seznanjeni z zankami in drugimi osnovami. Osvežitev vaših osnov je ključnega pomena, saj zagotavljajo trdne temelje, na katerih lahko razvijete zapleteno logiko in ugled rešitve.
2. Uporabite objektno usmerjeno strategijo
Objektno usmerjena metoda je danes najbolj znan programski pristop. Objektno usmerjeni pristop, ki se je začel s C++, je od takrat močno narasel v priljubljenosti. Danes se za ustvarjanje vseh glavnih jezikov uporablja samo objektno usmerjeno programiranje. Objektno usmerjena strategija je tista, ki je osredotočena na določen predmet.
Postavka nato postane temeljna entiteta. Ta objekt se nato uporabi za dodajanje atributov in funkcij na stran kot osnovo. Uporabite lahko tudi tradicionalno metodo ustvarjanja kode od zgoraj navzdol brez kakršnih koli funkcij ali predmetov. To je veliko preobsežno in ga nikoli ne bi smeli poskušati. Pri razvoju kode uporabljajmo funkcionalni pristop, če uporabljamo funkcije, pa objekte.
Torej, na začetku si prizadevajte pretvoriti svojo obsežno kodo v objektno usmerjeno kodo in vedno napišite svojo kodo v objektno usmerjenem slogu. Ko preučujete kodo drugih ljudi, boste nenehno opazovali objektno usmerjene tehnike. Če želite obvladati JavaScript, je najbolje, da ga vzamete v roke.
3. Izkoristite funkcije, tudi če so majhne
Programiranje s funkcionalnim pristopom je odlična pot. Zakaj? Loči vašo programsko opremo na module, ki delujejo skupaj, vendar so še vedno ločeni drug od drugega. Naj vam dam primer, da boste lažje razumeli.
Kvadratni koren celih števil se lahko izračuna s funkcijo. Če želite to narediti, morate kvadrirati cela števila, izračunati njihovo povprečje in nato izračunati kvadratni koren iz povprečja. V procesu so tri faze. Posledično lahko uporabimo tri funkcije. Toda, kot lahko vidite, so vse te funkcije med seboj povezane. Izhod enega se pošlje drugemu in prejmemo končni rezultat.
Pretvarjajmo se, da namesto treh funkcij preprosto potrebujete eno za izračun RMS na podlagi več dejavnikov. Končna rešitev, kot vidite, ni pravilna. Na tej točki vam bo precej težko ugotoviti, kaj je šlo narobe na tako velikem dogodku.
Po drugi strani pa vam bodo tri majhne funkcije omogočile hitro analizo. Kot rezultat, tudi če so funkcije skromne, jih uporabite za definiranje ločenih kodnih modulov. Ta tehnika vam bo pomagala postati strokovnjak za JavaScript kot čarovnija.
Zdaj pa si poglejmo nekaj nasvetov za kodiranje JavaScript.
4. Namesto == uporabite ===
V JavaScriptu obstajata dve vrsti operatorjev enakosti: operatorja stroge enakosti === in !== ter operatorja nestroge enakosti == in !=. Pri primerjavi velja za najboljšo prakso vedno uporabiti natančno enakost. Pri delu z == in != pa boste naleteli na težave pri obravnavanju različnih vrst.
Ko so vrste vrednosti, ki jih primerjate, različne, bodo nestriktni operaterji poskušali izsiliti svoje vrednosti, kar lahko vodi do nepričakovanih rezultatov.
5. Uporabite JSLint
Douglas Crockford je ustvaril JSLint, razhroščevalnik. Preprosto vstavite svoj skript v škatlo in ta ga bo hitro preiskal za morebitne hrošče ali pomanjkljivosti.
JSLint pregleda izvorno datoteko JavaScript. Če se odkrije težava, pošlje sporočilo z opisom težave in približnim položajem znotraj vira. Težava ni vedno sintaktična napaka, čeprav je pogosto tako.
JSLint preučuje tako slogovne norme kot strukturna vprašanja. To ne pomeni, da je vaša programska oprema točna. Doda samo še en par oči za pomoč pri odkrivanju težav. Preden se odjavite v skript, ga zaženite skozi JSLint, da se prepričate, da niste zagrešili nobene napake.
6. Skripte naj bodo postavljene na dno strani
Uporabnikov primarni cilj je, da se stran naloži čim hitreje. Brskalnik ne more nadaljevati z nalaganjem skripta, dokler ni naložena celotna datoteka. Posledično bo moral uporabnik čakati dlje, da bo videl napredek.
Če imate datoteke JS, ki se uporabljajo samo za zagotavljanje funkcionalnosti (na primer, ko pritisnete gumb), jih postavite na dno strani, tik pred zaključno oznako telesa. To je nedvomno najboljša praksa.
7. Najhitrejši način za izdelavo vrvice
Ko se morate zankati po matriki ali predmetu, ne uporabite vedno svojega zanesljivega stavka za zanko. Uporabite svojo domišljijo, da pridete do najhitrejše rešitve za zastavljeno nalogo. Ne bom vam prinesel številk; preprosto mi boste morali zaupati (ali preizkusiti sami).
To je daleč najhitrejša tehnika.
8. Dodajte komentar svoji kodi
Morda se bo na prvi pogled zdelo nesmiselno, a verjemite mi, da bi morali komentirati svojo kodo čim pogosteje. Kaj pa, če se nekaj mesecev pozneje vrnete k projektu in se ne morete spomniti prvotnega miselnega procesa?
Kaj pa, če mora vašo kodo posodobiti eden od vaših sodelavcev? Pomembna področja vaše kode je treba vedno komentirati.
9. Uporabite dobesedne predloge
Omejitve nizov, ustvarjenih z dvojnimi ali enojnimi narekovaji, so številne. Da bo delo z njimi veliko lažje, se lahko odločite, da zamenjate nekatere svoje nize z literali predloge.
Znak povratne kljukice (') se uporablja za izdelavo literalov predloge, kar ima številne prednosti. Uporabite jih lahko za shranjevanje izrazov ali za gradnjo večvrstičnih nizov.
Kot lahko vidite, nam za razliko od običajnega nizovnega literala, sestavljenega z enojnimi ali dvojnimi narekovaji, ni bilo treba vedno znova vstopati in izstopati iz našega literala predloge. To zmanjša verjetnost tipkarskih napak in nam omogoča pisanje čistejše kode.
10. Iteratorji in za … zank
Iteratorji so objekti v JavaScriptu, ki implementirajo metodo next() za vrnitev predmeta, ki shrani naslednjo vrednost v zaporedju, kot tudi true ali false, odvisno od tega, ali so preostale še kakšne vrednosti. To pomeni, da če implementirate protokol iteratorja, lahko zgradite lastne objekte iteratorja.
V JavaScriptu je nekaj vgrajenih iteratorjev, kot so String, Array, Map itd. Za ponavljanje po njih lahko uporabite for … of zank. V primerjavi z običajnimi zankami for je to bolj jedrnato in manj nagnjeno k napakam. Ni nam treba spremljati celotne dolžine matrike ali trenutnega indeksa z uporabo zanke for…of. Pri načrtovanju ugnezdenih zank lahko to pomaga poenostaviti kodo.
11. Uporabite {} namesto new Object()
V JavaScriptu lahko ustvarjate predmete na različne načine. Uporaba novega konstruktorja, kot je prikazano, je bolj običajen način. Ta strategija je po drugi strani označena kot »slaba praksa«.
Ni uničujoče, je pa nekoliko besedno in edinstveno. Namesto tega predlagam uporabo tehnike dobesednega objekta.
12. Razmislite o vnosu let in const v kodo
Ključno besedo let lahko uporabimo za ustvarjanje lokalnih spremenljivk, ki so omejene na svoj blok. Ključno besedo const lahko uporabimo za izdelavo lokalnih spremenljivk z obsegom bloka, ki jih ni mogoče spremeniti.
Ko deklarirate spremenljivke, razmislite o uporabi ključnih besed let in const, kadar je to primerno. Ne pozabite, da ključna beseda const onemogoči samo ponovno dodelitev. Tudi zaradi tega spremenljivka ni nespremenljiva.
13. eval() ni dobra ideja
Metoda eval(), za tiste, ki ne vedo, nam omogoča dostop do prevajalnika JavaScript. V bistvu lahko uporabimo eval za izvedbo rezultata niza tako, da ga posredujemo kot vhod ().
Ne samo, da bo to znatno upočasnilo vaš skript, ampak predstavlja tudi veliko skrb za varnost, saj daje posredovanemu besedilu preveč avtoritete. Izogibajte se mu za vsako ceno!
14. Spread Operator pride prav
Ali ste kdaj morali prenesti vse elemente v matriki kot posamezne elemente v drugo funkcijo ali pa morate vse vrednosti iz ene matrike prenesti v drugo? Točno to nam omogoča operator spread (…). Tukaj je ilustracija.
15. čakati in async
Ustvarite asinhrone funkcije s ključno besedo async, ki vedno vrne obljubo, eksplicitno ali implicitno.
Ključno besedo await lahko uporabite v asinhronih funkcijah za zaustavitev izvajanja, dokler ni dokončana razrešitev vrnjenih obljub. Zunaj vaše async funkcije se bo koda še naprej normalno izvajala.
16. Uporabite metodo include() v Javascriptu
V JavaScriptu funkcija include() določa, ali niz vsebuje podane znake ali ali niz vsebuje podani element.
Ta metoda vrne true, če je niz ali element odkrit; sicer vrne false. Omeniti velja, da funkcija Strings contains() razlikuje med velikimi in malimi črkami. Če želite ujemati niz ne glede na velike in male črke, preprosto najprej napišite male črke ciljnega besedila.
17. Odstranite elemente iz polja s pomočjo Splice
Za odstranitev elementa iz matrike sem videl, da razvijalci uporabljajo funkcijo brisanja. To je napačno, ker namesto da izbriše objekt, ga metoda delete zamenja z nedefiniranim.
Najlažji način za odstranitev elementa iz matrike glede na njegovo vrednost v JavaScriptu je uporaba funkcije indexOf(), da dobite številko indeksa te vrednosti v matriki, nato pa to vrednost indeksa izbrišete z metodo splice().
18. Uporabite funkcijo puščice
Puščične funkcije so še ena pomembna funkcija, ki je bila pravkar dodana v JavaScript.
Imajo polno prednosti. Za začetek naredijo funkcionalne dele JavaScripta bolj privlačne in lažje za pisanje. Vendar je uporaba puščičnih funkcij to veliko bolj berljivo in jedrnato.
19. Z destrukturiranjem lahko hitro dodelite spremenljive vrednosti
Prej v tej objavi smo izvedeli o operatorju širjenja v JavaScriptu. Destrukturiranje je podobno destrukturiranju, saj razpakira tudi podatke v nizih.
Razlika je v tem, da je te nepakirane vrednosti mogoče dodeliti različnim spremenljivkam. Sintaksa je enaka kot pri bližnjici [] pri oblikovanju matrike. Oklepaji pa so tokrat postavljeni na levi strani operatorja dodelitve. Tukaj je ilustracija.
20. Naredite več projektov
Vsak talent zahteva dosledno prakso, zato poskusite sestaviti različne projekte, da izpopolnite svoje sposobnosti in pridobite strokovno znanje z različnimi scenariji programiranja.
Pri delu na projektih se boste srečali s številnimi izzivi in napakami, ki vam bodo zagotovile potrebno strokovno znanje. Poskusite se torej domisliti projektov in na internetu je ogromno idej in primerov, ki vam bodo v pomoč. Nadaljujte z razvojem kode in vaše sposobnosti se bodo izboljšale.
zaključek
Morda se bo težko naučiti računalniškega jezika, kot je JavaScript. Če resno nameravate postati dober programer in si zagotoviti prvo zaposlitev, vam lahko te strategije učenja JavaScript pomagajo pospešiti vaš učni proces.
Prepričajte se, da redno vadite kodiranje, si med učenjem novih idej delajte temeljite zapiske in uporabite vsa orodja, ki so vam na voljo. Predvsem pa pojdite ven in začnite kodirati, medtem ko se zabavajte.
Pustite Odgovori