INHOUDSOPGAWE[Versteek][Wys]
- 1. Verbeter jou basiese kennis
- 2. Maak gebruik van 'n objekgeoriënteerde strategie
- 3. Maak gebruik van funksies al is hulle klein
- 4. In plaas van ==, gebruik ===
- 5. Gebruik JSLint
- 6. Skripte moet onderaan jou bladsy geplaas word
- 7. Die vinnigste manier om 'n tou te maak
- 8. Voeg 'n opmerking by jou kode
- 9. Maak gebruik van Template Letterals
- 10. Iterators en vir … van Loops
- 11. Gebruik {} in plaas van nuwe objek()
- 12. Oorweeg dit om let en const in jou kode te plaas
- 13. eval() is nie 'n goeie idee nie
- 14. Die Spread Operator kom handig te pas
- 15. wag en asinkroniseer
- 16. Gebruik die include() metode in Javascript
- 17. Verwyder items uit 'n skikking met behulp van Splice
- 18. Maak gebruik van Arrow-funksie
- 19. Met Destructuring kan jy vinnig veranderlike waardes toewys
- 20. Maak verskeie projekte
- Gevolgtrekking
As jy al ooit in webontwikkeling belanggestel het, het jy waarskynlik JavaScript teëgekom. 'n Objekgeoriënteerde programmeertaal is JavaScript. Ontwikkelaars gebruik dit om webbladsye se kliënt-kant (voorkant) dinamies en interaktief te maak.
Dit word ook gebruik om webblaaie en webtoepassings te skep, met HTML en CSS. Daar is nie deesdae 'n webblad op die internet wat nie JavaScript-kode het nie. Dit het 'n onlosmaaklike aspek van die werk van 'n ontwikkelaar geword.
Inderdaad, dit neem geleidelik toe. Alhoewel JavaScript die beste erken word vir die verskaffing van funksionaliteit aan webblaaie, word dit ook in nie-JavaScript-omgewings gebruik. Node.js, Apache Couch-DB en Adobe Acrobat is voorbeelde van hierdie tegnologieë. Om JavaScript te laat loop, bevat die meeste moderne webblaaiers 'n ingeboude JavaScript-uitvoerenjin. As jy 'n suksesvolle webontwikkelaar wil wees, sal jy JavaScript moet hanteer.
Jy moet dit vandag of môre aanpak. Waarom nie voor die tyd JavaScript leer nie, sodat u voorbereid sal wees wanneer die tyd aanbreek?
Dit is wat jy in hierdie sessie sal leer. Dit verduidelik hoe om 'n stap voor jou mede-webontwikkelaars te bly deur jou JavaScript te poets.
Laat ons begin!
1. Verbeter jou basiese kennis
Ek sal begin met 'n baie basiese gedagte en stelling wat jy gehoor het vandat jy 'n jongeling was. Leer die grondbeginsels en pas dit in die praktyk. Baie keer sal jy logika met kodering toepas, maar jy sal vergeet dat daar reeds 'n ingeboude funksie daarvoor is, soos om 'n skikking te sny. Wanneer jy die JavaScript-kode hardloop, kan jy 'n fout kry, en gevolglik hou baie bykomende kenmerke op om te werk.
Dit kan veroorsaak word deur 'n enkele dubbelpunt of omgekeerde kommas. Hierdie dinge vind plaas as gevolg van 'n gebrek aan begrip van die grondbeginsels. Baie keer in 'n enkele program word 'n basiese lus soos vir, wat, of doen terwyl gebruik word. Lusse is een van die mees fundamentele programmeringskonstrukte.
Dit is nogal moeilik om te kodeer en het selfs 'n kans om vir 'n firma te werk as jy nie vertroud is met looping en ander grondbeginsels nie. Dit is van kritieke belang om jou grondbeginsels op te knap, aangesien dit 'n stewige fondament bied waarop 'n oplossing se ingewikkelde logika en reputasie ontwikkel kan word.
2. Maak gebruik van 'n objekgeoriënteerde strategie
Die objekgeoriënteerde metode is vandag die mees bekende programmeringsbenadering. Die objekgeoriënteerde benadering, wat met C++ begin het, het sedertdien geweldig in gewildheid gegroei. Vandag word slegs objekgeoriënteerde programmering gebruik om al die hooftale te skep. 'n Objekgeoriënteerde strategie is een wat op 'n spesifieke objek gefokus is.
Die item word dan 'n fundamentele entiteit. Hierdie objek word dan gebruik om eienskappe en funksies as basis by die bladsy te voeg. Jy kan ook die tradisionele metode gebruik om kode van bo na onder te skep sonder enige funksies of voorwerpe. Dit is veels te omvangryk en moet nooit probeer word nie. Wanneer ons kode ontwikkel, moet ons 'n funksionele benadering gebruik, en as ons funksies gebruik, moet ons voorwerpe gebruik.
So, in die begin, streef daarna om jou uitgebreide kode om te skakel na objek-georiënteerde kode, en skryf altyd jou kode in 'n objek-georiënteerde styl. Wanneer jy ander mense se kode bestudeer, sal jy voortdurend na objekgeoriënteerde tegnieke kyk. As jy JavaScript wil bemeester, is dit die beste as jy dit in die hande kry.
3. Maak gebruik van funksies al is hulle klein
Programmering met 'n funksionele benadering is 'n wonderlike manier om te gaan. Hoekom? Dit skei jou sagteware in modules wat saam funksioneer, maar steeds van mekaar verskil. Kom ek gee vir jou 'n voorbeeld om jou te help verstaan.
Die wortelgemiddelde kwadraat van die heelgetalle kan met behulp van 'n funksie bereken word. Om dit te doen, moet jy die heelgetalle kwadraat, hul gemiddelde bereken en dan die vierkantswortel van die gemiddelde bereken. Daar is drie fases in die proses. As gevolg hiervan kan ons drie funksies gebruik. Maar, soos u kan sien, is al hierdie funksies onderling verbind. Die uitset van een word na 'n ander gestuur, en ons ontvang die uiteindelike resultaat.
Kom ons gee voor dat in plaas van drie funksies, jy eenvoudig een nodig het om RMS te bereken gebaseer op veelvuldige faktore. Die finale oplossing, soos jy kan sien, is verkeerd. Dit sal vir jou nogal moeilik wees om te bepaal wat verkeerd geloop het in so 'n groot gebeurtenis op hierdie stadium.
Met drie klein funksies, aan die ander kant, sal jy vinnig kan ontleed. As gevolg hiervan, selfs al is die funksies beskeie, gebruik dit om duidelike kodemodules te definieer. Hierdie tegniek sal jou help om 'n JavaScript-kenner soos toorkuns te word.
Kom ons kyk nou na 'n paar JavaScript-koderingswenke.
4. In plaas van ==, gebruik ===
In JavaScript is daar twee tipes gelykheidsoperateurs: streng gelykheidsoperateurs === en !==, en nie-streng gelykheidsoperateurs == en !=. By vergelyking word dit as beste praktyk beskou om altyd presiese gelykheid aan te wend. Wanneer jy met == en != werk, sal jy egter probleme ondervind wanneer jy met verskillende soorte te doen het.
Wanneer die tipe waardes wat jy vergelyk verskillend is, sal die nie-streng operateurs probeer om hul waardes af te dwing, wat tot onverwagte uitkomste kan lei.
5. Gebruik JSLint
Douglas Crockford het JSLint, 'n ontfouter, geskep. Plaas eenvoudig jou skrif in die boks, en dit sal dit vinnig skandeer vir enige foute of foute.
JSLint ondersoek 'n JavaScript-bronlêer. As 'n probleem ontdek word, stuur dit 'n boodskap met 'n beskrywing van die probleem en 'n benaderde posisie binne die bron. Die probleem is nie altyd 'n sintaktiese fout nie, hoewel dit dikwels die geval is.
JSLint ondersoek beide stilistiese norme en strukturele kwessies. Dit impliseer nie dat jou sagteware akkuraat is nie. Dit voeg net nog 'n paar oë by om te help met die opsporing van probleme. Voordat jy op 'n skrif afteken, voer dit deur JSLint om seker te maak jy het geen foute begaan nie.
6. Skripte moet onderaan jou bladsy geplaas word
Die gebruiker se primêre doel is om die bladsy so vinnig as moontlik te laai. Die blaaier kan nie voortgaan om 'n skrip te laai totdat die volledige lêer gelaai is nie. As gevolg hiervan sal die gebruiker langer moet wag om enige vordering te sien.
As jy JS-lêers het wat net gebruik word om funksionaliteit te verskaf (byvoorbeeld sodra 'n knoppie gedruk word), plaas dit onderaan die bladsy, reg voor die sluitingsliggaammerker. Dit is ongetwyfeld die beste praktyk.
7. Die vinnigste manier om 'n tou te maak
Wanneer jy om 'n skikking of voorwerp moet lus, moenie altyd jou betroubare vir lus-stelling gebruik nie. Gebruik jou verbeelding om met die vinnigste oplossing vorendag te kom vir die taak op hande. Ek gaan nie vir jou syfers bring nie; jy sal my eenvoudig moet vertrou (of vir jouself moet toets).
Dit is verreweg die vinnigste tegniek.
8. Voeg 'n opmerking by jou kode
Dit mag aanvanklik sinloos lyk, maar glo my as ek sê dat jy so gereeld as moontlik kommentaar moet lewer op jou kode. Wat as jy maande later terugkom na die projek en nie jou oorspronklike denkproses kan onthou nie?
Wat as jou kode deur een van jou kollegas opgedateer moet word? Belangrike areas van jou kode moet altyd kommentaar gelewer word.
9. Maak gebruik van Template Letterals
Die beperkings van stringe wat met dubbele of enkel aanhalingstekens geskep word, is talle. Om dit baie makliker te maak om daarmee te werk, kan jy kies om sommige van jou stringe met letterlike sjabloon te vervang.
Die backtick-karakter (') word gebruik om letterlike sjabloon te bou, wat 'n aantal voordele inhou. Jy kan dit gebruik om uitdrukkings te stoor of om multi-lyn snare te bou.
Soos jy kan sien, in teenstelling met 'n konvensionele string letterlike gebou met enkel of dubbele aanhalingstekens, ons hoef nie herhaaldelik in en uit te gaan van ons sjabloon letterlik. Dit verminder die waarskynlikheid van tikfoute en stel ons in staat om skoner kode te skryf.
10. Iterators en vir … van Loops
Iterators is objekte in JavaScript wat die next() metode implementeer om 'n objek terug te gee wat die volgende waarde in 'n volgorde stoor sowel as waar of onwaar, afhangende van of daar nog waardes oor is. Dit beteken dat as jy die iterator-protokol implementeer, jy jou eie iterator-objekte kan bou.
Daar is 'n paar ingeboude iterators in JavaScript, soos String, Array, Map, ensovoorts. Jy kan vir … van lusse gebruik om oor hulle te herhaal. In vergelyking met gewone lusse, is dit meer bondig en minder foutgevoelig. Ons hoef nie tred te hou met die volledige lengte van die skikking of die huidige indeks deur 'n for...of lus te gebruik nie. Wanneer geneste lusse ontwerp word, kan dit help om die kode te vereenvoudig.
11. Gebruik {} in plaas van nuwe objek()
In JavaScript kan jy voorwerpe op verskeie maniere maak. Die gebruik van die nuwe konstruktor, soos getoon, is 'n meer konvensionele manier. Hierdie strategie, aan die ander kant, word gemerk as "swak praktyk."
Dit is nie vernietigend nie, maar dit is 'n bietjie woordryk en uniek. Ek stel eerder voor om die voorwerp letterlike tegniek te gebruik.
12. Oorweeg dit om let en const in jou kode te plaas
Ons kan die let-sleutelwoord gebruik om plaaslike veranderlikes te maak wat na hul eie blok gerangskik is. Ons kan die const-sleutelwoord gebruik om plaaslike blok-omvang veranderlikes te konstrueer wat nie verander kan word nie.
Wanneer jy veranderlikes verklaar, moet jy dit oorweeg om die let- en const-sleutelwoorde te gebruik wanneer van toepassing. Onthou dat die const-sleutelwoord slegs hertoewysing deaktiveer. Dit maak die veranderlike ook nie onveranderlik nie.
13. eval() is nie 'n goeie idee nie
Die eval()-metode, vir diegene wat nie bewus is nie, gee ons toegang tot JavaScript se samesteller. In wese kan ons eval gebruik om die resultaat van 'n string uit te voer deur dit as 'n invoer () te verskaf.
Dit sal nie net u skrif aansienlik vertraag nie, maar dit bied ook 'n beduidende sekuriteitsbekommernis, aangesien dit die ingestuurde teks veels te veel gesag gee. Vermy dit ten alle koste!
14. Die Spread Operator kom handig te pas
Het jy al ooit nodig gehad om al die items in 'n skikking as individuele elemente na 'n ander funksie oor te dra, of moet jy al die waardes van een skikking in 'n ander plaas? Dit is presies wat die verspreidingsoperateur (...) ons toelaat om te bereik. Hier is 'n illustrasie.
15. wag en asinkroniseer
Skep asinchrone funksies met behulp van die asynchrone sleutelwoord, wat altyd 'n belofte gee, hetsy eksplisiet of implisiet.
Die wag-sleutelwoord kan in asynchrone funksies gebruik word om die uitvoering te stop totdat die oplossing van die terugkeer van beloftes voltooi is. Buite jou asinkroniseringsfunksie sal die kode normaalweg voortgaan.
16. Gebruik die include() metode in Javascript
In JavaScript bepaal die include()-funksie of 'n string die verskafde karakters bevat of of 'n skikking die gespesifiseerde element bevat.
Hierdie metode gee waar as die string of element ontdek word; anders gee dit vals terug. Dit is die moeite werd om te noem dat die Strings contains() funksie hooflettergevoelig is. As jy 'n string wil pas, ongeag die hoofletters, kleinletters eers die teikenteks.
17. Verwyder items uit 'n skikking met behulp van Splice
Om 'n item uit 'n skikking te verwyder, het ek gesien hoe ontwikkelaars die verwyderingsfunksie gebruik. Dit is foutief, want eerder as om die voorwerp uit te vee, vervang die verwyderingsmetode dit met ongedefinieerd.
Die maklikste manier om 'n element van 'n skikking te verwyder, afhangende van die waarde daarvan in JavaScript, is om die indexOf() funksie te gebruik om die indeksnommer van daardie waarde in die skikking te kry, en verwyder dan daardie indekswaarde met die splice() metode.
18. Maak gebruik van Arrow-funksie
Pyltjiefunksies is nog 'n belangrike kenmerk wat pas by JavaScript gevoeg is.
Hulle het 'n bootvrag voordele. Om mee te begin, maak dit JavaScript se funksionele dele meer visueel aantreklik en makliker om te skryf. Die gebruik van pylfunksies maak dit egter baie meer leesbaar en bondig.
19. Met Destructuring kan jy vinnig veranderlike waardes toewys
Ons het vroeër in hierdie pos geleer van die verspreidingsoperateur in JavaScript. Destrukturering is soortgelyk aan destrukturering deurdat dit ook data wat binne skikkings vervat is, uitpak.
Die onderskeid is dat hierdie uitgepakte waardes aan afsonderlike veranderlikes toegeken kan word. Die sintaksis is identies aan dié van die [] kortpad wanneer 'n skikking gevorm word. Die hakies word egter hierdie keer aan die linkerkant van die opdragoperateur geplaas. Hier is 'n illustrasie.
20. Maak verskeie projekte
Enige talent verg konsekwente oefening, so probeer om 'n verskeidenheid projekte op te stel om jou vermoëns te slyp en kundigheid op te doen met 'n verskeidenheid programmeringscenario's.
Terwyl jy aan die projekte werk, sal jy verskeie uitdagings en foute ervaar, wat jou van die nodige kundigheid sal voorsien. Probeer dus om met projekte vorendag te kom, en daar is 'n oorvloed idees en voorbeelde op die internet om jou te help. Gaan voort om kode te ontwikkel, en jou vermoëns sal verbeter.
Gevolgtrekking
Dit kan moeilik wees om 'n rekenaartaal soos JavaScript te leer. As jy ernstig is om 'n goeie programmeerder te word en jou eerste werk te verseker, dan kan hierdie JavaScript-leerstrategieë jou help om jou leerproses te bespoedig.
Maak seker dat jy gereeld kodering oefen, maak deeglike aantekeninge terwyl jy nuwe idees leer, en gebruik al die gereedskap wat vir jou toeganklik is. Bo alles, kom uit en begin kodeer terwyl jy pret het.
Lewer Kommentaar