Efnisyfirlit[Fela][Sýna]
- 1. Bættu grunnþekkingu þína
- 2. Notaðu hlutbundna stefnu
- 3. Nýttu þér aðgerðir jafnvel þótt þær séu litlar
- 4. Notaðu === í stað ==
- 5. Notaðu JSLint
- 6. Forskriftir ættu að vera neðst á síðunni þinni
- 7. Fljótlegasta leiðin til að búa til streng
- 8. Bættu athugasemd við kóðann þinn
- 9. Notaðu sniðmát bókstafa
- 10. Iterators og fyrir … af lykkjum
- 11. Notaðu {} í staðinn fyrir nýjan hlut()
- 12. Íhugaðu að setja let og const í kóðann þinn
- 13. eval() Er ekki góð hugmynd
- 14. Spread Operator kemur sér vel
- 15. bíða og ósamstilltur
- 16. Notaðu include() aðferðina í Javascript
- 17. Fjarlægðu hluti úr fylki með því að nota Splice
- 18. Notaðu örvaaðgerðina
- 19. Með Destructuring geturðu fljótt úthlutað breytugildum
- 20. Gerðu nokkur verkefni
- Niðurstaða
Ef þú hefur einhvern tíma haft áhuga á vefþróun hefur þú líklega rekist á JavaScript. Hlutbundið forritunarmál er JavaScript. Hönnuðir nota það til að gera vefsíður viðskiptavinarhliðar (framenda) kraftmikla og gagnvirka.
Það er líka notað til að búa til vefsíður og vefforrit, með HTML og CSS. Það er engin vefsíða á netinu nú á dögum sem er ekki með JavaScript kóða. Það er orðið órjúfanlegur þáttur í starfi þróunaraðila.
Reyndar eykst það jafnt og þétt. Þrátt fyrir að JavaScript sé best þekkt fyrir að veita vefsíðum virkni, er það einnig notað í umhverfi sem ekki er JavaScript. Node.js, Apache Couch-DB og Adobe Acrobat eru dæmi um þessa tækni. Til að keyra JavaScript innihalda flestir nútíma vefvafrar innbyggða JavaScript keyrsluvél. Ef þú vilt verða farsæll vefhönnuður þarftu að takast á við JavaScript.
Þú verður að takast á við það í dag eða á morgun. Af hverju ekki að læra JavaScript fyrirfram svo þú sért tilbúinn þegar tíminn kemur?
Þetta er það sem þú munt læra á þessari lotu. Það útskýrir hvernig á að vera skrefi á undan öðrum vefhönnuðum þínum með því að slípa JavaScript.
Byrjum!
1. Bættu grunnþekkingu þína
Ég ætla að byrja á virkilega grunnhugsun og staðhæfingu sem þú hefur heyrt síðan þú varst ungur. Lærðu grunnatriðin og settu þau í framkvæmd. Margoft muntu beita rökfræði með kóðun, en þú munt gleyma því að það er nú þegar innbyggð aðgerð fyrir það, svo sem að sneiða fylki. Þegar þú keyrir JavaScript kóðann geturðu fengið villu og þar af leiðandi hætta margir viðbótareiginleikar að virka.
Þetta getur stafað af einum ristil eða öfugum kommum. Þessir hlutir eiga sér stað vegna skorts á skilningi á grundvallaratriðum. Margoft í einu forriti er grunnlykkja eins og for, which, or do while notuð. Lykkjur eru ein af grundvallarforritunarsmíðunum.
Það er frekar erfitt að kóða og jafnvel hafa möguleika á að vinna fyrir fyrirtæki ef þú þekkir ekki lykkju og önnur grundvallaratriði. Það er mikilvægt að endurskoða grunnatriði þín þar sem þau veita traustan grunn til að þróa flókna rökfræði og orðspor lausnar.
2. Notaðu hlutbundna stefnu
Hlutbundin aðferð er þekktasta forritunaraðferðin í dag. Hlutbundin nálgun, sem hófst með C++, hefur vaxið gríðarlega í vinsældum síðan þá. Í dag er aðeins hlutbundin forritun notuð til að búa til öll helstu tungumálin. Hlutbundin stefna er sú sem beinist að ákveðnum hlut.
Hluturinn verður þá grundvallareining. Þessi hlutur er síðan notaður til að bæta eiginleikum og aðgerðum við síðuna sem grunn. Þú getur líka notað hefðbundna aðferð til að búa til kóða frá toppi til botns án nokkurra aðgerða eða hluta. Þetta er allt of umfangsmikið og ætti aldrei að reyna. Við þróun kóða ættum við að nota hagnýta nálgun og ef við notum aðgerðir ættum við að nota hluti.
Svo, í upphafi, kappkostaðu að breyta umfangsmiklum kóða þínum í hlutbundinn kóða og skrifaðu kóðann þinn alltaf í hlutbundnum stíl. Þegar þú rannsakar kóða annarra muntu stöðugt skoða hlutbundnar aðferðir. Ef þú vilt ná tökum á JavaScript er best að þú fáir það í hendurnar.
3. Nýttu þér aðgerðir jafnvel þótt þær séu litlar
Forritun með hagnýtri nálgun er frábær leið til að fara. Hvers vegna? Það aðskilur hugbúnaðinn þinn í einingar sem virka saman en eru samt aðgreindar hver frá annarri. Leyfðu mér að gefa þér dæmi til að hjálpa þér að skilja.
Hægt er að reikna rótmeðalferning heiltalna með því að nota fall. Til að gera það þarftu að velda heiltölurnar í veldi, reikna meðaltal þeirra og reikna síðan kvaðratrót meðaltalsins. Það eru þrír áfangar í ferlinu. Fyrir vikið getum við notað þrjár aðgerðir. En eins og þú sérð eru allar þessar aðgerðir samtengdar. Framleiðsla eins er send til annars og við fáum endanlega niðurstöðu.
Við skulum láta eins og í stað þriggja aðgerða þarftu einfaldlega eina til að reikna út RMS út frá mörgum þáttum. Endanleg lausn, eins og þú sérð, er röng. Það verður frekar erfitt fyrir þig að ákvarða hvað fór úrskeiðis í svona stórum atburði á þessum tímapunkti.
Að hafa þrjár pínulitlar aðgerðir gerir þér aftur á móti kleift að greina hratt. Þess vegna, jafnvel þótt aðgerðirnar séu hóflegar, notaðu þær til að skilgreina sérstakar kóðaeiningar. Þessi tækni mun hjálpa þér að verða JavaScript sérfræðingur eins og galdur.
Nú skulum við skoða nokkur JavaScript kóðunarráð.
4. Notaðu === í stað ==
Í JavaScript eru tvær tegundir af jafnréttisaðgerðum: strangir jafnréttisaðgerðir === og !==, og óstöngir jafnréttisaðgerðir == og !=. Þegar borið er saman er litið á það sem bestu starfsvenjur að beita alltaf nákvæmu jafnrétti. Þegar þú vinnur með == og != muntu hins vegar lenda í vandræðum þegar þú átt við mismunandi tegundir.
Þegar gerðir gildanna, sem þú ert að bera saman, eru mismunandi, munu hinir ströngu rekstraraðilar reyna að þvinga gildi sín, sem gæti leitt til óvæntra niðurstaðna.
5. Notaðu JSLint
Douglas Crockford bjó til JSLint, kembiforrit. Settu einfaldlega handritið þitt í kassann og það skannar það fljótt fyrir allar villur eða galla.
JSLint skoðar JavaScript frumskrá. Ef vandamál uppgötvast sendir það skilaboð með lýsingu á málinu og áætlaðri staðsetningu innan upprunans. Málið er ekki alltaf setningafræðileg villa, þó það sé oft raunin.
JSLint skoðar bæði stílfræðileg viðmið og byggingarmál. Það þýðir ekki að hugbúnaðurinn þinn sé nákvæmur. Það bætir bara við öðru augum til að aðstoða við að greina vandamál. Áður en þú skráir þig af handriti skaltu keyra það í gegnum JSLint til að ganga úr skugga um að þú hafir ekki framið nein mistök.
6. Forskriftir ættu að vera neðst á síðunni þinni
Meginmarkmið notandans er að síðan hleðst eins hratt og hægt er. Vafrinn getur ekki haldið áfram að hlaða skriftu fyrr en heildarskránni hefur verið hlaðið. Þess vegna verður notandinn að bíða lengur til að sjá framfarir.
Ef þú ert með JS skrár sem eru aðeins notaðar til að bjóða upp á virkni (til dæmis þegar ýtt er á hnapp) skaltu setja þær neðst á síðunni, rétt á undan lokatextanum. Þetta er tvímælalaust fínasta vinnubrögð.
7. Fljótlegasta leiðin til að búa til streng
Þegar þú þarft að lykkja í kringum fylki eða hlut skaltu ekki alltaf nota trausta fyrir lykkja yfirlýsinguna þína. Notaðu ímyndunaraflið til að finna fljótustu lausnina fyrir verkefnið sem fyrir höndum er. Ég ætla ekki að koma með tölur; þú verður einfaldlega að treysta mér (eða prófa sjálfur).
Þetta er lang fljótlegasta tæknin.
8. Bættu athugasemd við kóðann þinn
Það kann að virðast tilgangslaust í fyrstu, en treystu mér þegar ég segi að þú ættir að tjá þig um kóðann þinn eins oft og mögulegt er. Hvað ef þú kemur aftur að verkefninu mánuðum síðar og getur ekki munað upprunalega hugsunarferlið þitt?
Hvað ef einn af vinnufélögunum þínum þarf að uppfæra kóðann þinn? Það ætti alltaf að gera athugasemdir við mikilvæg svæði í kóðanum þínum.
9. Notaðu sniðmát bókstafa
Takmarkanir strengja sem eru búnir til með tvöföldum eða stökum gæsalappir eru fjölmargar. Til að gera það miklu auðveldara að vinna með þá gætirðu valið að skipta út sumum strengjum þínum fyrir bókstafi í sniðmát.
Bakmerkið (') er notað til að búa til sniðmátsbókstafi, sem hefur ýmsa kosti. Þú getur notað þau til að geyma tjáningu eða til að búa til marglínu strengi.
Eins og þú sérð, ólíkt hefðbundnum strengjabókstaf sem smíðaður er með stökum eða tvöföldum gæsalöppum, þurftum við ekki að fara ítrekað inn og út úr sniðmátinu okkar bókstaflega. Þetta lágmarkar líkur á innsláttarvillum og gerir okkur kleift að skrifa hreinni kóða.
10. Iterators og fyrir … af lykkjum
Iterators eru hlutir í JavaScript sem innleiða next() aðferðina til að skila hlut sem geymir næsta gildi í röð sem og satt eða ósatt eftir því hvort einhver fleiri gildi eru eftir. Þetta þýðir að ef þú innleiðir iterator-samskiptareglur geturðu smíðað þína eigin iterator-hluti.
Það eru nokkrir innbyggðir endurtekningar í JavaScript, svo sem String, Array, Map og svo framvegis. Þú getur notað fyrir … lykkjur til að endurtaka þær. Þegar borið er saman við venjulegar lykkjur er þetta stuttara og minna villuhættulegt. Við þurfum ekki að halda utan um heildarlengd fylkisins eða núverandi vísitölu með því að nota for...of lykkju. Þegar búið er að hanna hreiður lykkjur gæti þetta hjálpað til við að einfalda kóðann.
11. Notaðu {} í staðinn fyrir nýjan hlut()
Í JavaScript er hægt að búa til hluti á margvíslegan hátt. Notkun nýja smiðsins, eins og sýnt er, er hefðbundnari leið. Þessi stefna er aftur á móti merkt sem „léleg æfing“.
Það er ekki eyðileggjandi, en það er svolítið orðmikið og einstakt. Ég legg til í staðinn að nota hlut bókstaflega tæknina.
12. Íhugaðu að setja let og const í kóðann þinn
Við getum notað leturorðið let til að búa til staðbundnar breytur sem eru sniðnar að eigin blokk. Við getum notað const lykilorðið til að búa til staðbundnar breytur með blokkum sem ekki er hægt að breyta.
Þegar þú gefur upp breytur ættir þú að íhuga að nota let og const leitarorðin þegar við á. Mundu að leitarorðið const slekkur aðeins á endurúthlutun. Það gerir breytuna ekki óbreytanlega heldur.
13. eval() Er ekki góð hugmynd
eval() aðferðin, fyrir þá sem ekki vita, leyfir okkur aðgang að JavaScript þýðandanum. Í meginatriðum getum við notað eval til að framkvæma niðurstöðu strengs með því að gefa það sem inntak ().
Þetta mun ekki aðeins hægja verulega á handritinu þínu, heldur býður það einnig upp á verulegar öryggisáhyggjur þar sem það gefur innsendnum texta allt of mikið vald. Forðastu það hvað sem það kostar!
14. Spread Operator kemur sér vel
Hefur þú einhvern tíma þurft að senda öll atriðin í fylki sem einstaka þætti í aðra aðgerð, eða þarftu að setja öll gildin úr einni fylki í aðra? Þetta er nákvæmlega það sem dreifingaraðilinn (...) gerir okkur kleift að ná. Hér er mynd.
15. bíða og ósamstilltur
Búðu til ósamstilltar aðgerðir með því að nota ósamstillt lykilorðið, sem skilar alltaf loforði, annað hvort beinlínis eða óbeint.
Hægt er að nota bíður lykilorðið í ósamstilltum aðgerðum til að stöðva framkvæmd þar til úrlausn á skila loforðum er lokið. Utan ósamstillingaraðgerðarinnar mun kóðinn halda áfram að keyra venjulega.
16. Notaðu include() aðferðina í Javascript
Í JavaScript ákvarðar aðgerðin include() hvort strengur inniheldur stafi sem fylgja með eða hvort fylki inniheldur tilgreindan þátt.
Þessi aðferð skilar satt ef strengurinn eða þátturinn er uppgötvaður; annars skilar það ósatt. Þess má geta að aðgerðin Strings contains() er há- og hástafanæm. Ef þú vilt passa saman streng, óháð föllum, skaltu einfaldlega minnka marktextann fyrst.
17. Fjarlægðu hluti úr fylki með því að nota Splice
Til að fjarlægja hlut úr fylki hef ég séð forritara nota eyðingaraðgerðina. Þetta er rangt vegna þess að í stað þess að eyða hlutnum kemur eyðingaraðferðin í staðinn fyrir óskilgreint.
Auðveldasta leiðin til að fjarlægja frumefni úr fylki eftir gildi þess í JavaScript er að nota indexOf() aðgerðina til að fá vísitölu þess gildis í fylkinu, eyða síðan því vísitölugildi með splice() aðferðinni.
18. Notaðu örvaaðgerðina
Örvaaðgerðir eru annar mikilvægur eiginleiki sem nýlega hefur verið bætt við JavaScript.
Þeir hafa fullt af kostum. Til að byrja með gera þeir hagnýta hluta JavaScript sjónrænt aðlaðandi og auðveldara að skrifa. Hins vegar að nota örvaaðgerðir gerir þetta mun læsilegra og hnitmiðaðra.
19. Með Destructuring geturðu fljótt úthlutað breytugildum
Fyrr í þessari færslu lærðum við um dreifingaraðilann í JavaScript. Eyðing er svipuð afbyggingu að því leyti að hún pakkar einnig upp gögnum sem eru í fylkjum.
Munurinn er sá að hægt er að úthluta þessum ópakkuðu gildum á mismunandi breytur. Setningafræðin er eins og [] flýtivísunin þegar þú myndar fylki. Sviga eru hins vegar settar vinstra megin á úthlutunarstjóra að þessu sinni. Hér er mynd.
20. Gerðu nokkur verkefni
Allir hæfileikar krefjast stöðugrar æfingar, svo reyndu að búa til margvísleg verkefni til að skerpa á hæfileikum þínum og öðlast sérfræðiþekkingu með ýmsum forritunaratburðum.
Á meðan þú vinnur að verkefnunum muntu upplifa nokkrar áskoranir og galla sem veita þér nauðsynlega sérfræðiþekkingu. Svo reyndu að koma með verkefni og það er ofgnótt af hugmyndum og dæmum á netinu til að aðstoða þig. Haltu áfram að þróa kóða og hæfileikar þínir munu batna.
Niðurstaða
Það gæti verið erfitt að læra tölvumál eins og JavaScript. Ef þér er alvara með að verða góður forritari og tryggja þér fyrsta starfið þitt, þá geta þessar JavaScript námsaðferðir hjálpað þér að flýta fyrir námsferlinu þínu.
Gakktu úr skugga um að þú æfir kóðun reglulega, skrifaðu ítarlegar athugasemdir á meðan þú lærir nýjar hugmyndir og notaðu öll þau verkfæri sem þér eru aðgengileg. Umfram allt, farðu út og byrjaðu að kóða á meðan þú skemmtir þér.
Skildu eftir skilaboð