Table of Contents[Ferstopje][Toanje]
- 1. Ferbetterje jo basiskennis
- 2. Meitsje gebrûk fan in objekt-rjochte strategy
- 3. Meitsje gebrûk fan funksjes sels as se lyts binne
- 4. Ynstee fan ==, brûke ===
- 5. Brûk JSLint
- 6. Skripten moatte ûnderoan jo side pleatst wurde
- 7. De fluchste manier om in tekenrige te meitsjen
- 8. Foegje in reaksje oan jo koade
- 9. Meitsje gebrûk fan Template Literals
- 10. Iterators en foar ... fan Loops
- 11. Brûk {} ynstee fan nij objekt ()
- 12. Betink in put en const yn jo koade
- 13. eval () Is gjin goed idee
- 14. De Spread Operator komt goed fan pas
- 15. wachtsje en async
- 16. Brûk de metoade include() yn Javascript
- 17. Fuortsmite items út in array mei help Splice
- 18. Meitsje gebrûk fan Arrow Function
- 19. Mei Destructuring kinne jo fluch tawize fariabele wearden
- 20. Meitsje ferskate projekten
- Konklúzje
As jo oait ynteressearre west hawwe yn webûntwikkeling, binne jo wierskynlik JavaScript tsjinkaam. In objekt-rjochte programmeartaal is JavaScript. Ûntwikkelers brûke it om websiden 'client-side (front-end) dynamysk en ynteraktyf te meitsjen.
It wurdt ek brûkt om websiden en webapps te meitsjen, mei HTML en CSS. D'r is tsjintwurdich gjin webside op it ynternet dy't gjin JavaScript-koade hat. It is in ûnskiedber aspekt wurden fan 'e baan fan in ûntwikkelder.
Yndied nimt it stadichoan ta. Hoewol JavaScript wurdt it bêste erkend foar it leverjen fan funksjonaliteit oan websiden, wurdt it ek brûkt yn net-JavaScript-omjouwings. Node.js, Apache Couch-DB, en Adobe Acrobat binne foarbylden fan dizze technologyen. Foar it útfieren fan JavaSkript befetsje de measte moderne webbrowsers in ynboude JavaScript-útfiermotor. As jo in suksesfolle webûntwikkelder wolle wêze, moatte jo mei JavaScript omgean.
Jo moatte it hjoed of moarn oanpakke. Wêrom net fan tefoaren JavaScript leare, sadat jo ree binne as de tiid komt?
Dit is wat jo sille leare yn dizze sesje. It ferklearret hoe't jo jo oare webûntwikkelders ien stap foarút kinne bliuwe troch jo JavaScript te poetsen.
Litte wy begjinne!
1. Ferbetterje jo basiskennis
Ik sil begjinne mei in echt basisgedachte en in ferklearring dy't jo hawwe heard sûnt jo in jonge wiene. Learje de fûneminten en set se yn 'e praktyk. In protte kearen sille jo logika tapasse mei kodearring, mar jo sille ferjitte dat d'r al in ynboude funksje foar is, lykas it snijen fan in array. As jo de JavaScript-koade útfiere, kinne jo in flater krije, en as gefolch stopje in protte ekstra funksjes te wurkjen.
Dit kin feroarsake wurde troch in inkele kolon of omkearde komma's. Dizze dingen komme foar as gefolch fan in gebrek oan begryp fan 'e fûneminten. In protte kearen yn ien programma wurdt in basislus brûkt, lykas foar, hokker, of dwaan wylst. Loops binne ien fan 'e meast fûnemintele programmearringskonstruksjes.
It is frij lestich om te koade en sels in kâns te hawwen om foar in bedriuw te wurkjen as jo net bekend binne mei looping en oare fûneminten. It oppoetsen fan jo fûneminten is kritysk, om't se in solide basis leverje om de yngewikkelde logika en reputaasje fan in oplossing te ûntwikkeljen.
2. Meitsje gebrûk fan in objekt-rjochte strategy
De objekt-rjochte metoade is de meast bekende programmearring oanpak hjoed. De objekt-oriïntearre oanpak, dy't begûn mei C ++, is sûnt doe enoarm yn populariteit groeid. Tsjintwurdich wurdt allinich objekt-rjochte programmearring brûkt om alle haadtalen te meitsjen. In objekt-rjochte strategy is ien dy't rjochte is op in spesifyk objekt.
It item wurdt dan in fûnemintele entiteit. Dit objekt wurdt dan brûkt om attributen en funksjes ta te foegjen oan de side as basis. Jo kinne ek de tradisjonele metoade brûke foar it meitsjen fan koade fan boppe nei ûnderen sûnder funksjes of objekten. Dit is fierstente wiidweidich en moat nea besocht wurde. By it ûntwikkeljen fan koade moatte wy in funksjonele oanpak brûke, en as wy funksjes brûke, moatte wy objekten brûke.
Dus, yn it begjin, stribje jo om jo wiidweidige koade te konvertearjen nei objekt-oriïntearre koade, en skriuw jo koade altyd yn in objekt-rjochte styl. As jo de koade fan oare minsken studearje, sille jo konstant nei objektrjochte techniken sjen. As jo JavaSkript behearskje wolle, is it it bêste as jo it yn hannen krije.
3. Meitsje gebrûk fan funksjes sels as se lyts binne
Programmearje mei in funksjonele oanpak is in geweldige manier om te gean. Wêrom? It skiedt jo software yn modules dy't tegearre funksjonearje, mar noch fan elkoar ferskille. Lit my jo in foarbyld jaan om jo te helpen begripe.
It Root Mean Square fan 'e heule getallen kin berekkene wurde mei in funksje. Om dit te dwaan, moatte jo de heule getallen kwadrateare, har gemiddelde berekkenje, en dan de fjouwerkantswoartel fan 'e gemiddelde berekkenje. D'r binne trije fazen yn it proses. As resultaat kinne wy trije funksjes brûke. Mar, lykas jo sjen kinne, binne al dizze funksjes mei-inoar ferbûn. De útfier fan ien wurdt stjoerd nei in oar, en wy krije it ultime resultaat.
Litte wy pretendearje dat jo ynstee fan trije funksjes gewoan ien nedich binne om RMS te berekkenjen basearre op meardere faktoaren. De definitive oplossing, sa't jo sjen kinne, is ferkeard. It sil foar jo frij lestich wêze om te bepalen wat der op dit punt mis gie yn sa'n grut evenemint.
Mei trije lytse funksjes, oan 'e oare kant, kinne jo rap analysearje. As gefolch, sels as de funksjes beskieden binne, brûk se om ûnderskate koademodules te definiearjen. Dizze technyk sil jo helpe om in JavaScript-ekspert te wurden lykas magy.
Litte wy no wat tips foar JavaScript-kodearring besjen.
4. Ynstee fan ==, brûke ===
Yn JavaSkript binne d'r twa soarten gelikensoperators: strikte gelikensoperators === en !==, en net-strikte gelikensoperators == en !=. By fergelykjen wurdt it beskôge as bêste praktyk om altyd eksakte gelikensens te brûken. As jo mei == en != wurkje, sille jo lykwols problemen krije by it omgean mei ûnderskate soarten.
As de soarten wearden dy't jo fergelykje oars binne, sille de net-strenge operators besykje har wearden te twingen, wat kin liede ta ûnferwachte útkomsten.
5. Brûk JSLint
Douglas Crockford makke JSLint, in debugger. Set jo skript gewoan yn 'e doaze, en it sil it fluch scan foar eventuele bugs of gebreken.
JSLint ûndersiket in JavaScript boarne triem. As in probleem wurdt ûntdutsen, stjoert it in berjocht mei in beskriuwing fan it probleem en in ûngefear posysje binnen de boarne. It probleem is net altyd in syntaktyske flater, hoewol it faak it gefal is.
JSLint ûndersiket sawol stilistyske noarmen as strukturele problemen. It betsjuttet net dat jo software akkuraat is. It foeget gewoan in oar pear eagen ta om te helpen by it opspoaren fan problemen. Foardat jo jo ôfmelde op in skript, rinne it fia JSLint om te soargjen dat jo gjin flaters hawwe begien.
6. Skripten moatte ûnderoan jo side pleatst wurde
It primêre doel fan de brûker is om de side sa rap mooglik te laden. De browser kin net trochgean mei it laden fan in skript oant it folsleine bestân laden is. As resultaat sil de brûker langer moatte wachtsje om foarútgong te sjen.
As jo JS-bestannen hawwe dy't allinich brûkt wurde om funksjonaliteit te leverjen (bygelyks as ien kear op in knop wurdt yndrukt), set se dan nei de ûnderkant fan 'e side, krekt foar de ôfslutende lichemtag. Dit is sûnder mis de moaiste praktyk.
7. De fluchste manier om in tekenrige te meitsjen
As jo om in array of objekt moatte loopje, brûk dan net altyd jo trusty for loop statement. Brûk jo ferbylding om de rapste oplossing te betinken foar de taak by de hân. Ik sil jo gjin sifers bringe; jo moatte my gewoan fertrouwe (of sels testje).
Dit is fierwei de fluchste technyk.
8. Foegje in reaksje oan jo koade
It kin earst nutteloos lykje, mar fertrou my as ik sis dat jo sa faak mooglik kommentaar moatte op jo koade. Wat as jo moannen letter weromkomme nei it projekt en jo orizjinele gedachteproses net kinne ûnthâlde?
Wat as jo koade moat wurde bywurke troch ien fan jo kollega's? Wichtige gebieten fan jo koade moatte altyd kommentearre wurde.
9. Meitsje gebrûk fan Template Literals
De beheiningen fan snaren makke mei dûbele of inkele quotes binne tal fan. Om it wurkjen mei har folle makliker te meitsjen, kinne jo der foar kieze om guon fan jo snaren te ferfangen troch letterlike sjabloanen.
It backtick-karakter (') wurdt brûkt om sjabloanletters te bouwen, wat in oantal foardielen hat. Jo kinne se brûke om útdrukkingen op te slaan of om snaren mei meardere rigels te bouwen.
Sa't jo sjen kinne, yn tsjinstelling ta in konvinsjonele letterlike snaar konstruearre mei inkele of dûbele oanhalingstekens, wy hoegden net kearen te gean yn en út ús sjabloan letterlik. Dit minimalisearret de kâns op typflaters en lit ús skjinner koade skriuwe.
10. Iterators en foar ... fan Loops
Iterators binne objekten yn JavaSkript dy't de folgjende () metoade implementearje om in objekt werom te jaan dat de folgjende wearde yn in folchoarder opslacht, lykas wier of falsk ôfhinklik fan oft der noch mear wearden binne. Dit betsjut dat as jo it iteratorprotokol ymplementearje, jo jo eigen iteratorobjekten kinne bouwe.
D'r binne wat ynboude iterators yn JavaScript, lykas String, Array, Map, ensfh. Jo kinne brûke foar ... fan loops om oer har te iterearjen. Yn fergeliking mei gewoane foar loops, is dit koarter en minder flaterberich. Wy hoege de folsleine lingte fan 'e array of de aktuele yndeks net by te hâlden mei in for ... of loop. By it ûntwerpen fan nestede loops kin dit helpe om de koade te ferienfâldigjen.
11. Brûk {} ynstee fan nij objekt ()
Yn JavaScript kinne jo objekten op ferskate manieren meitsje. It brûken fan de nije konstruktor, lykas werjûn, is in mear konvinsjonele manier. Dizze strategy, oan 'e oare kant, wurdt markearre as "slechte praktyk."
It is net destruktyf, mar it is in bytsje wurdich en unyk. Ik stelle ynstee foar it brûken fan it objekt letterlike technyk.
12. Betink in put en const yn jo koade
Wy kinne it let-kaaiwurd brûke om lokale fariabelen te meitsjen dy't scoped binne nei har eigen blok. Wy kinne it kaaiwurd const brûke om lokale fariabelen mei blokken te konstruearjen dy't net kinne wurde feroare.
By it ferklearjen fan fariabelen, moatte jo beskôgje it brûken fan de let- en const-kaaiwurden as fan tapassing. Unthâld dat it kaaiwurd const allinich weryndieling útskeakelt. It makket de fariabele ek net ûnferoarlik.
13. eval () Is gjin goed idee
De metoade eval(), foar dyjingen dy't net bewust binne, kinne ús tagong krije ta de kompilator fan JavaScript. Yn essinsje kinne wy eval brûke om it resultaat fan in tekenrige út te fieren troch it te leverjen as in ynfier ().
Dit sil jo skript net allinich signifikant fertrage, mar it biedt ek in wichtige feiligenssoarch, om't it de trochjûne tekst fierstente folle autoriteit jout. Foarkom it op alle kosten!
14. De Spread Operator komt goed fan pas
Hawwe jo oait nedich om alle items yn in array as yndividuele eleminten oer te stjoeren nei in oare funksje, of moatte jo alle wearden fan de iene array yn in oare sette? Dit is krekt wat de spriedingsoperator (...) ús kin berikke. Hjir is in yllustraasje.
15. wachtsje en async
Meitsje asynchrone funksjes mei it asynchrone kaaiwurd, dat altyd in belofte jout, eksplisyt of ymplisyt.
It wachtwurd kin brûkt wurde yn asynchrone funksjes om de útfiering te stopjen oant de resolúsje fan weromkommende beloften is foltôge. Bûten jo asyngronisaasjefunksje sil de koade normaal trochgean.
16. Brûk de metoade include() yn Javascript
Yn JavaScript bepaalt de funksje include() as in tekenrige de opjûne tekens befettet of oft in array it opjûne elemint befettet.
Dizze metoade jout wier as de tekenrige of elemint wurdt ûntdutsen; oars, it jout falsk. It is it neamen wurdich dat de Strings contains() funksje is case-sensitive. As jo wolle oerienkomme mei in tekenrige, nettsjinsteande it gefal, dan gewoan lytse letters earst de doeltekst.
17. Fuortsmite items út in array mei help Splice
Om in item út in array te ferwiderjen, haw ik sjoen dat ûntwikkelders de wiskjefunksje brûke. Dit is ferkeard om't, ynstee fan it wiskjen fan it objekt, ferfangt de wiskjemetoade it mei undefiniearre.
De maklikste manier om in elemint fan in array te ferwiderjen ôfhinklik fan syn wearde yn JavaScript is de funksje indexOf() te brûken om it yndeksnûmer fan dy wearde yn 'e array te krijen, en wiskje dan dy yndekswearde mei de splice() metoade.
18. Meitsje gebrûk fan Arrow Function
Pylkefunksjes binne in oare wichtige funksje dy't krekt is tafoege oan JavaScript.
Se hawwe in boatload oan foardielen. Om te begjinnen meitsje se de funksjonele dielen fan JavaScript visueel oantrekliker en makliker te skriuwen. It brûken fan pylkfunksjes makket dit lykwols folle lêsber en bondiger.
19. Mei Destructuring kinne jo fluch tawize fariabele wearden
Earder yn dizze post learden wy oer de spriedingsoperator yn JavaScript. Destructuring is fergelykber mei destructuring yn dat it ek útpakke gegevens befette binnen arrays.
It ûnderskied is dat dizze útpakte wearden kinne wurde tawiisd oan ûnderskate fariabelen. De syntaksis is identyk oan dy fan de [] fluchtoets by it foarmjen fan in array. De heakjes, lykwols, wurde pleatst oan de linker kant fan de opdracht operator dizze kear. Hjir is in yllustraasje.
20. Meitsje ferskate projekten
Elk talint nimt konsekwinte praktyk, dus besykje in ferskaat oan projekten te bouwen om jo kapasiteiten te ferbetterjen en ekspertize te krijen mei in ferskaat oan programmearringscenario's.
Wylst jo oan 'e projekten wurkje, sille jo ferskate útdagings en fouten ûnderfine, dy't jo de nedige saakkundigens sille leverje. Besykje dus mei projekten te kommen, en d'r binne in oerfloed fan ideeën en foarbylden op it ynternet om jo te helpen. Trochgean mei it ûntwikkeljen fan koade, en jo kapasiteiten sille ferbetterje.
Konklúzje
It kin lestich wêze om in kompjûtertaal lykas JavaScript te learen. As jo serieus binne om in goede programmeur te wurden en jo earste baan te befeiligjen, dan kinne dizze JavaScript-learstrategyen jo helpe om jo learproses te fersnellen.
Soargje derfoar dat jo regelmjittich kodearjen oefenje, yngeande notysjes nimme by it learen fan nije ideeën, en brûk alle foar jo tagonklike ark. Kom der boppe alles út en begjin te kodearjen wylst jo wille hawwe.
Leave a Reply