Sisukord[Peida][Näita]
- 1. Täiendage oma põhiteadmisi
- 2. Kasutage objektorienteeritud strateegiat
- 3. Kasutage funktsioone isegi siis, kui need on väikesed
- 4. == asemel kasutage ===
- 5. Kasutage JSLinti
- 6. Skriptid tuleks paigutada lehe allossa
- 7. Kiireim viis stringi tegemiseks
- 8. Lisage oma koodile kommentaar
- 9. Kasutage Mall Literals
- 10. Iteraatorid ja … of Loops jaoks
- 11. Kasutage funktsiooni new Object() asemel {}
- 12. Kaaluge koodi let ja const lisamist
- 13. eval() Kas pole hea mõte
- 14. Spread Operator tuleb kasuks
- 15. ootama ja asünkroonima
- 16. Kasutage Javascriptis meetodit include().
- 17. Eemaldage massiivist üksused Splice'i abil
- 18. Kasutage noolefunktsiooni
- 19. Destruktureerimise abil saate kiiresti määrata muutuvaid väärtusi
- 20. Tee mitu projekti
- Järeldus
Kui olete kunagi veebiarenduse vastu huvi tundnud, olete tõenäoliselt kokku puutunud JavaScriptiga. Objektorienteeritud programmeerimiskeel on JavaScript. Arendajad kasutavad seda veebilehtede kliendipoolseks (esiosa) dünaamiliseks ja interaktiivseks muutmiseks.
Seda kasutatakse ka veebilehtede ja veebirakenduste loomiseks HTML-i ja CSS-iga. Tänapäeval pole Internetis ühtegi veebilehte, millel poleks JavaScripti koodi. Sellest on saanud arendaja töö lahutamatu osa.
Tõepoolest, see kasvab pidevalt. Kuigi JavaScripti tuntakse kõige paremini veebilehtede funktsionaalsuse pakkumisena, kasutatakse seda ka mitte-JavaScripti keskkondades. Node.js, Apache Couch-DB ja Adobe Acrobat on nende tehnoloogiate näited. JavaScripti käitamiseks sisaldavad enamik kaasaegseid veebibrausereid sisseehitatud JavaScripti täitmismootorit. Kui soovite olla edukas veebiarendaja, peate tegelema JavaScriptiga.
Peate sellega tegelema täna või homme. Miks mitte õppida JavaScripti varakult selgeks, et oleksite õigeks ajaks valmis?
Seda õpid sellel sessioonil. See selgitab, kuidas oma JavaScripti lihvides oma kaasveebiarendajatest sammu võrra ees olla.
Alustagem!
1. Täiendage oma põhiteadmisi
Alustan ühe tõeliselt põhimõtte ja väitega, mida olete kuulnud lapsepõlvest saati. Õppige põhitõdesid ja rakendage neid praktikas. Sageli rakendate kodeerimisel loogikat, kuid unustate, et selle jaoks on juba sisseehitatud funktsioon, näiteks massiivi lõikamine. JavaScripti koodi käivitamisel võib tekkida tõrge ja selle tulemusena lakkavad paljud lisafunktsioonid töötamast.
Selle põhjuseks võib olla üks koolon või pöördkomad. Need asjad tekivad põhialuste mõistmise puudumise tõttu. Mitu korda ühes programmis kasutatakse põhitsüklit, näiteks for, what või do while. Silmused on üks põhilisemaid programmeerimiskonstruktsioone.
Kodeerimine on üsna keeruline ja teil on isegi võimalus ettevõtte heaks töötada, kui te pole silmuste ja muude põhitõdedega tuttav. Põhialuste harjamine on ülioluline, kuna need loovad kindla aluse lahenduse keerulise loogika ja maine arendamiseks.
2. Kasutage objektorienteeritud strateegiat
Objektorienteeritud meetod on tänapäeval kõige tuntum programmeerimisviis. Objektorienteeritud lähenemine, mis sai alguse C++-ga, on sellest ajast peale tohutult populaarsust kogunud. Tänapäeval kasutatakse kõigi peamiste keelte loomiseks ainult objektorienteeritud programmeerimist. Objektorienteeritud strateegia on strateegia, mis on keskendunud konkreetsele objektile.
Seejärel muutub üksus põhiüksuseks. Seejärel kasutatakse seda objekti atribuutide ja funktsioonide lisamiseks lehele alusena. Võite kasutada ka traditsioonilist koodi loomiseks ülalt alla ilma funktsioonide või objektideta. See on liiga ulatuslik ja seda ei tohiks kunagi proovida. Koodi arendamisel peaksime kasutama funktsionaalset lähenemist ja kui kasutame funktsioone, siis objekte.
Nii et alguses püüdke oma ulatuslik kood objektorienteeritud koodiks teisendada ja kirjutage kood alati objektorienteeritud stiilis. Kui uurite teiste inimeste koodi, vaatate pidevalt objektorienteeritud tehnikaid. Kui soovite JavaScripti valdada, on kõige parem, kui saate selle oma kätega kätte saada.
3. Kasutage funktsioone isegi siis, kui need on väikesed
Funktsionaalse lähenemisega programmeerimine on suurepärane võimalus. Miks? See jagab teie tarkvara mooduliteks, mis töötavad koos, kuid on siiski üksteisest erinevad. Lubage mul tuua teile näide, mis aitab teil mõista.
Täisarvude keskmist ruutjuurt saab arvutada funktsiooni abil. Selleks peate täisarvud ruudu kandma, arvutama nende keskmise ja seejärel arvutama keskmise ruutjuure. Protsessis on kolm faasi. Selle tulemusena saame kasutada kolme funktsiooni. Kuid nagu näete, on kõik need funktsioonid omavahel seotud. Ühe väljund saadetakse teisele ja me saame lõpliku tulemuse.
Oletame, et kolme funktsiooni asemel vajate lihtsalt ühte, et RMS arvutada mitme teguri põhjal. Lõpplahendus, nagu näete, on vale. Teil on praegu üsna raske kindlaks teha, mis sellisel suurel sündmusel valesti läks.
Seevastu kolme pisikese funktsiooni olemasolu võimaldab teil kiiresti analüüsida. Selle tulemusel, isegi kui funktsioonid on tagasihoidlikud, kasutage neid erinevate koodimoodulite määratlemiseks. See tehnika aitab teil saada JavaScripti eksperdiks nagu maagia.
Vaatame nüüd mõnda JavaScripti kodeerimise näpunäidet.
4. == asemel kasutage ===
JavaScriptis on kahte tüüpi võrdustehteid: ranged võrdsuse operaatorid === ja !== ning mitteranged võrdsuse operaatorid == ja !=. Võrdlemisel peetakse parimaks tavaks kasutada alati täpset võrdsust. Kui töötate parameetritega == ja !=, tekib probleeme erinevate tüüpide käsitlemisel.
Kui võrreldavate väärtuste tüübid on erinevad, püüavad mitteranged operaatorid oma väärtusi peale suruda, mis võib viia ootamatute tulemusteni.
5. Kasutage JSLinti
Douglas Crockford lõi siluri JSLint. Lihtsalt pange oma skript kasti ja see skannib selle kiiresti vigade või puuduste suhtes.
JSLint uurib JavaScripti lähtefaili. Kui probleem avastatakse, saadab see sõnumi koos probleemi kirjelduse ja ligikaudse asukohaga allikas. Probleem ei ole alati süntaktilises veas, kuigi see on sageli nii.
JSLint uurib nii stiilinorme kui ka struktuuriprobleeme. See ei tähenda, et teie tarkvara on täpne. See lisab lihtsalt veel ühe silmapaari, mis aitab probleeme tuvastada. Enne skripti sisselogimist käivitage see JSLinti kaudu, et veenduda, et te pole vigu teinud.
6. Skriptid tuleks paigutada lehe allossa
Kasutaja esmane eesmärk on lehe võimalikult kiire laadimine. Brauser ei saa jätkata skripti laadimist enne, kui kogu fail on laaditud. Selle tulemusena peab kasutaja edusammude nägemiseks kauem ootama.
Kui teil on JS-faile, mida kasutatakse ainult funktsionaalsuse pakkumiseks (näiteks kui nuppu vajutatakse), asetage need lehe allserva, vahetult enne sulgevat sisumärgendit. See on vaieldamatult parim praktika.
7. Kiireim viis stringi tegemiseks
Kui teil on vaja massiivi või objekti ümber ringi käia, ärge alati kasutage usaldusväärset silmuse lauset. Kasutage oma kujutlusvõimet, et leida ülesande jaoks kiireim lahendus. Ma ei hakka sulle numbreid tooma; sa lihtsalt pead mind usaldama (või ise testima).
See on seni kiireim tehnika.
8. Lisage oma koodile kommentaar
See võib alguses tunduda mõttetu, kuid uskuge mind, kui ütlen, et peaksite oma koodi võimalikult sageli kommenteerima. Mis saab siis, kui tulete projekti juurde tagasi kuid hiljem ja ei mäleta oma esialgset mõttekäiku?
Mida teha, kui teie koodi peab värskendama mõni teie kolleegidest? Koodi olulisi valdkondi tuleks alati kommenteerida.
9. Kasutage Mall Literals
Topelt- või üksikjutumärkidega loodud stringide piiranguid on palju. Nendega töötamise hõlbustamiseks võite asendada mõned stringid malliliteraalidega.
Tagasimärki (') kasutatakse malliliteraalide koostamiseks, millel on mitmeid eeliseid. Saate neid kasutada avaldiste salvestamiseks või mitmerealiste stringide koostamiseks.
Nagu näete, ei pidanud me erinevalt tavalisest stringliteraalist, mis on konstrueeritud ühe- või topeltjutumärkidega, oma malliliteraalis korduvalt sisse ja välja minema. See vähendab tippimisvigade tõenäosust ja võimaldab meil kirjutada puhtamat koodi.
10. Iteraatorid ja … of Loops jaoks
Iteraatorid on JavaScripti objektid, mis rakendavad meetodit next(), et tagastada objekt, mis salvestab jada järgmise väärtuse, samuti tõese või väära, olenevalt sellest, kas väärtusi on veel järel. See tähendab, et kui rakendate iteraatori protokolli, saate luua oma iteraatoriobjekte.
JavaScriptis on mõned sisseehitatud iteraatorid, näiteks string, massiiv, kaart ja nii edasi. Nende kordamiseks saate kasutada ... of silmuseid. Võrreldes tavaliste silmustega, on see sisutihedam ja vähem vigadetundlik. Me ei pea jälgima massiivi kogu pikkust ega praegust indeksit, kasutades for…of tsüklit. Pesastatud silmuste kujundamisel võib see aidata koodi lihtsustada.
11. Kasutage funktsiooni new Object() asemel {}
JavaScriptis saate objekte luua mitmel viisil. Uue konstruktori kasutamine, nagu näidatud, on tavapärasem viis. See strateegia on teisest küljest märgitud kui "halb tava".
See ei ole hävitav, kuid see on veidi sõnakas ja ainulaadne. Selle asemel teen ettepaneku kasutada objektisõna tehnikat.
12. Kaaluge koodi let ja const lisamist
Märksõna let saame kasutada kohalike muutujate loomiseks, mis on suunatud nende enda plokkidele. Märksõna const saame kasutada kohalike ploki ulatusega muutujate loomiseks, mida ei saa muuta.
Muutujate deklareerimisel peaksite kaaluma võtmesõnade let ja const kasutamist, kui see on asjakohane. Pidage meeles, et märksõna const keelab ainult ümbermääramise. Samuti ei muuda see muutujat muutumatuks.
13. eval() Kas pole hea mõte
Meetod eval() võimaldab neile, kes ei tea, juurdepääsu JavaScripti kompilaatorile. Põhimõtteliselt saame stringi tulemuse täitmiseks kasutada eval, esitades selle sisendiks ().
See mitte ainult ei aeglusta oluliselt teie skripti, vaid pakub ka märkimisväärset turvaprobleemi, kuna annab edasiantud tekstile liiga palju volitusi. Vältige seda iga hinna eest!
14. Spread Operator tuleb kasuks
Kas olete kunagi pidanud edastama kõik massiivi üksused üksikute elementidena teise funktsiooni või peate sisestama kõik väärtused ühest massiivist teise? See on täpselt see, mida leviku operaator (…) võimaldab meil saavutada. Siin on illustratsioon.
15. ootama ja asünkroonima
Looge asünkroonseid funktsioone, kasutades asünkroonset märksõna, mis tagastab alati lubaduse, kas otseselt või kaudselt.
Märksõna oote saab kasutada asünkroonsetes funktsioonides täitmise peatamiseks, kuni tagastatavate lubaduste lahendamine on lõpule viidud. Väljaspool asünkroonimisfunktsiooni jätkab kood tavapäraselt töötamist.
16. Kasutage Javascriptis meetodit include().
JavaScriptis määrab funktsioon include() kas string sisaldab tarnitud märke või kas massiiv sisaldab määratud elementi.
See meetod tagastab tõese, kui string või element avastatakse; vastasel juhul tagastab see vale. Tasub mainida, et funktsioon Strings sisaldab() on tõstutundlik. Kui soovite stringi sobitada olenemata suur- ja suurtähtedest, kirjutage kõigepealt sihttekst väiketähtedega.
17. Eemaldage massiivist üksused Splice'i abil
Üksuse massiivist eemaldamiseks olen näinud, et arendajad kasutavad kustutamisfunktsiooni. See on ekslik, sest selle asemel, et objekti kustutada, asendab kustutamismeetod selle määramata.
Lihtsaim viis massiivist elemendi eemaldamiseks sõltuvalt selle väärtusest JavaScriptis on kasutada funktsiooni indexOf() selle väärtuse indeksinumbri saamiseks massiivist, seejärel kustutada see indeksi väärtus splice() meetodiga.
18. Kasutage noolefunktsiooni
Noolefunktsioonid on veel üks oluline funktsioon, mis on äsja JavaScripti lisatud.
Neil on paaditäis eeliseid. Alustuseks muudavad need JavaScripti funktsionaalsed osad visuaalselt atraktiivsemaks ja hõlpsamini kirjutatavaks. Noolefunktsioonide kasutamine muudab selle aga palju loetavamaks ja kokkuvõtlikumaks.
19. Destruktureerimise abil saate kiiresti määrata muutuvaid väärtusi
Selle postituse alguses õppisime JavaScripti levikuoperaatorit. Destruktureerimine sarnaneb destruktureerimisega, kuna see pakib lahti ka massiivides sisalduvad andmed.
Erinevus seisneb selles, et neid lahtipakkimata väärtusi saab määrata erinevatele muutujatele. Süntaks on massiivi moodustamisel identne otsetee [] süntaksiga. Sulgud on aga seekord paigutatud määramisoperaatori vasakule küljele. Siin on illustratsioon.
20. Tee mitu projekti
Iga talent nõuab järjepidevat harjutamist, nii et proovige oma võimete lihvimiseks ja erinevate programmeerimisstsenaariumide osas kogemuste omandamiseks luua erinevaid projekte.
Projektide kallal töötades kogete mitmeid väljakutseid ja vigu, mis annavad teile vajalikud teadmised. Nii et proovige projekte välja mõelda ja Internetis on palju ideid ja näiteid, mis teid abistavad. Jätkake koodi arendamist ja teie võimed paranevad.
Järeldus
Arvutikeelt, näiteks JavaScripti, võib olla keeruline õppida. Kui soovite tõsiselt saada heaks programmeerijaks ja kindlustada oma esimene töökoht, võivad need JavaScripti õppestrateegiad aidata teil õppeprotsessi kiirendada.
Veenduge, et harjutate kodeerimist regulaarselt, tehke uusi ideid õppides põhjalikke märkmeid ja kasutage kõiki teile kättesaadavaid tööriistu. Eelkõige minge välja ja hakake lõbutsedes kodeerima.
Jäta vastus