Indholdsfortegnelse[Skjule][At vise]
- 1. Forbedre din grundlæggende viden
- 2. Gør brug af en objektorienteret strategi
- 3. Gør brug af funktioner, selvom de er små
- 4. Brug === i stedet for ==
- 5. Brug JSLint
- 6. Scripts skal placeres nederst på din side
- 7. Den hurtigste måde at lave en streng på
- 8. Tilføj en kommentar til din kode
- 9. Gør brug af Template Literals
- 10. Iteratorer og for … af løkker
- 11. Brug {} i stedet for nyt objekt()
- 12. Overvej at sætte let og const i din kode
- 13. eval() er ikke en god idé
- 14. Spredningsoperatoren er praktisk
- 15. afvent og asynkron
- 16. Brug metoden include() i Javascript
- 17. Fjern elementer fra et array ved hjælp af Splice
- 18. Gør brug af pilefunktionen
- 19. Med Destructuring kan du hurtigt tildele variabelværdier
- 20. Lav flere projekter
- Konklusion
Hvis du nogensinde har været interesseret i webudvikling, er du sikkert stødt på JavaScript. Et objektorienteret programmeringssprog er JavaScript. Udviklere bruger det til at gøre websiders klientside (frontend) dynamisk og interaktiv.
Det bruges også til at oprette websider og webapps med HTML og CSS. Der er ikke en webside på internettet i dag, der ikke har JavaScript-kode. Det er blevet et uløseligt aspekt af jobbet som udvikler.
Det er faktisk støt stigende. Selvom JavaScript er bedst anerkendt for at give funktionalitet til websider, bruges det også i ikke-JavaScript-miljøer. Node.js, Apache Couch-DB og Adobe Acrobat er eksempler på disse teknologier. Til at køre JavaScript indeholder de fleste moderne webbrowsere en indbygget JavaScript-udførelsesmotor. Hvis du vil være en succesfuld webudvikler, skal du beskæftige dig med JavaScript.
Du skal tackle det i dag eller i morgen. Hvorfor ikke lære JavaScript på forhånd, så du er forberedt, når tiden kommer?
Dette vil du lære i denne session. Den forklarer, hvordan du kan holde dig et skridt foran dine andre webudviklere ved at polere din JavaScript.
Lad os begynde!
1. Forbedre din grundlæggende viden
Jeg vil begynde med en virkelig grundlæggende tanke og udtalelse, som du har hørt, siden du var ung. Lær det grundlæggende og omsæt dem i praksis. Mange gange vil du anvende logik med kodning, men du vil glemme, at der allerede er en indbygget funktion til det, såsom udskæring af et array. Når du kører JavaScript-koden, kan du få en fejl, og som et resultat holder mange ekstra funktioner op med at virke.
Dette kan være forårsaget af et enkelt kolon eller omvendte kommaer. Disse ting opstår som et resultat af manglende forståelse af det grundlæggende. Mange gange i et enkelt program anvendes en grundlæggende loop såsom for, which, or do while. Sløjfer er en af de mest fundamentale programmeringskonstruktioner.
Det er ret svært at kode og endda have en chance for at arbejde for et firma, hvis du ikke er bekendt med looping og andre grundlæggende elementer. Det er vigtigt at opfriske dine grundlæggende principper, da de giver et solidt grundlag for at udvikle en løsnings komplicerede logik og omdømme.
2. Gør brug af en objektorienteret strategi
Den objektorienterede metode er den mest kendte programmeringstilgang i dag. Den objektorienterede tilgang, som begyndte med C++, er vokset enormt i popularitet siden da. I dag bruges kun objektorienteret programmering til at skabe alle hovedsprogene. En objektorienteret strategi er en, der er fokuseret på et bestemt objekt.
Varen bliver derefter en grundlæggende enhed. Dette objekt bruges derefter til at tilføje attributter og funktioner til siden som grundlag. Du kan også bruge den traditionelle metode til at skabe kode fra top til bund uden nogen funktioner eller objekter. Dette er alt for omfattende og bør aldrig forsøges. Når vi udvikler kode, bør vi bruge en funktionel tilgang, og hvis vi bruger funktioner, bør vi bruge objekter.
Så stræb i starten efter at konvertere din omfattende kode til objektorienteret kode, og skriv altid din kode i en objektorienteret stil. Når du studerer andres kode, vil du konstant se på objektorienterede teknikker. Hvis du vil mestre JavaScript, er det bedst, hvis du får fingrene i det.
3. Gør brug af funktioner, selvom de er små
Programmering med en funktionel tilgang er en fantastisk vej at gå. Hvorfor? Det opdeler din software i moduler, der fungerer sammen, men som stadig er adskilt fra hinanden. Lad mig give dig et eksempel for at hjælpe dig med at forstå.
Heltallenes rodmiddelkvadrat kan beregnes ved hjælp af en funktion. For at gøre det skal du kvadrere hele tallene, beregne deres middelværdi og derefter beregne kvadratroden af middelværdien. Der er tre faser i processen. Som et resultat kan vi anvende tre funktioner. Men som du kan se, er alle disse funktioner forbundet. Outputtet fra en sendes til en anden, og vi modtager det ultimative resultat.
Lad os foregive, at du i stedet for tre funktioner blot har brug for én til at beregne RMS baseret på flere faktorer. Den endelige løsning er, som du kan se, forkert. Det vil være ret svært for dig at afgøre, hvad der gik galt i en så stor begivenhed på dette tidspunkt.
At have tre små funktioner vil på den anden side give dig mulighed for at analysere hurtigt. Som et resultat, selvom funktionerne er beskedne, skal du bruge dem til at definere forskellige kodemoduler. Denne teknik vil hjælpe dig med at blive en JavaScript-ekspert som magi.
Lad os nu se på nogle JavaScript-kodningstips.
4. Brug === i stedet for ==
I JavaScript er der to typer lighedsoperatorer: strenge lighedsoperatorer === og !== og ikke-strenge lighedsoperatorer == og !=. Når man sammenligner, betragtes det som bedste praksis altid at anvende nøjagtig ligestilling. Når du arbejder med == og !=, vil du dog løbe ind i problemer, når du har at gøre med forskellige typer.
Når typerne af de værdier, du sammenligner, er forskellige, vil de ikke-strenge operatører forsøge at tvinge deres værdier, hvilket kan føre til uventede resultater.
5. Brug JSLint
Douglas Crockford skabte JSLint, en debugger. Du skal blot lægge dit script i kassen, og det vil hurtigt scanne det for eventuelle fejl eller mangler.
JSLint undersøger en JavaScript-kildefil. Hvis et problem opdages, sender det en besked med en beskrivelse af problemet og en omtrentlig position i kilden. Problemet er ikke altid en syntaktisk fejl, selvom det ofte er tilfældet.
JSLint undersøger både stilistiske normer og strukturelle problemstillinger. Det betyder ikke, at din software er nøjagtig. Det tilføjer blot endnu et par øjne for at hjælpe med at opdage problemer. Før du logger af på et script, skal du køre det gennem JSLint for at sikre dig, at du ikke har begået nogen fejl.
6. Scripts skal placeres nederst på din side
Brugerens primære mål er, at siden indlæses så hurtigt som muligt. Browseren kan ikke fortsætte med at indlæse et script, før hele filen er blevet indlæst. Som et resultat bliver brugeren nødt til at vente længere for at se fremskridt.
Hvis du har JS-filer, der kun bruges til at levere funktionalitet (for eksempel når der trykkes på en knap), skal du placere dem nederst på siden lige før det afsluttende body-tag. Dette er uden tvivl den bedste praksis.
7. Den hurtigste måde at lave en streng på
Når du har brug for at gå rundt om et array eller et objekt, skal du ikke altid bruge din trofaste for loop-sætning. Brug din fantasi til at finde den hurtigste løsning til opgaven. Jeg vil ikke bringe dig tal; du bliver simpelthen nødt til at stole på mig (eller teste selv).
Dette er langt den hurtigste teknik.
8. Tilføj en kommentar til din kode
Det kan virke meningsløst i starten, men tro mig, når jeg siger, at du bør kommentere din kode så ofte som muligt. Hvad hvis du kommer tilbage til projektet måneder senere og ikke kan huske din oprindelige tankeproces?
Hvad hvis din kode skal opdateres af en af dine kolleger? Vigtige områder af din kode bør altid kommenteres.
9. Gør brug af Template Literals
Begrænsningerne for strenge oprettet med dobbelte eller enkelte anførselstegn er talrige. For at gøre arbejdet med dem meget nemmere, kan du vælge at erstatte nogle af dine strenge med skabeloner.
Backtick-tegnet (') bruges til at bygge skabelonliterals, hvilket har en række fordele. Du kan bruge dem til at gemme udtryk eller til at bygge strenge med flere linjer.
Som du kan se, behøvede vi i modsætning til en konventionel streng-literal konstrueret med enkelte eller dobbelte anførselstegn ikke gentagne gange at gå ind og ud af vores skabelon-literal. Dette minimerer sandsynligheden for tastefejl og giver os mulighed for at skrive renere kode.
10. Iteratorer og for … af løkker
Iteratorer er objekter i JavaScript, der implementerer metoden next() til at returnere et objekt, der gemmer den næste værdi i en sekvens såvel som sand eller falsk afhængig af om der er flere værdier tilbage. Det betyder, at hvis du implementerer iteratorprotokollen, kan du bygge dine egne iteratorobjekter.
Der er nogle indbyggede iteratorer i JavaScript, såsom String, Array, Map og så videre. Du kan bruge til … af sløjfer til at iterere hen over dem. Sammenlignet med almindelige for loops, er dette mere kortfattet og mindre udsat for fejl. Vi behøver ikke at holde styr på hele længden af arrayet eller det aktuelle indeks ved hjælp af en for...of-løkke. Når du designer indlejrede løkker, kan dette hjælpe med at forenkle koden.
11. Brug {} i stedet for nyt objekt()
I JavaScript kan du lave objekter på en række forskellige måder. Brug af den nye konstruktør, som vist, er en mere konventionel måde. Denne strategi er på den anden side markeret som "dårlig praksis."
Det er ikke destruktivt, men det er lidt ordrigt og unikt. Jeg foreslår i stedet at bruge objektets bogstavelige teknik.
12. Overvej at sætte let og const i din kode
Vi kan bruge søgeordet let til at lave lokale variabler, der er scoped til deres egen blok. Vi kan bruge nøgleordet const til at konstruere lokale blok-omfattede variabler, som ikke kan ændres.
Når du angiver variabler, bør du overveje at bruge søgeordene let og const, når det er relevant. Husk, at nøgleordet const kun deaktiverer omfordeling. Det gør heller ikke variablen uforanderlig.
13. eval() er ikke en god idé
Metoden eval() giver os adgang til JavaScripts compiler for dem, der ikke er klar over det. Grundlæggende kan vi bruge eval til at udføre resultatet af en streng ved at levere den som input ().
Dette vil ikke kun bremse dit script betydeligt, men det giver også en betydelig sikkerhedsmæssig bekymring, da det giver den indsendte tekst alt for meget autoritet. Undgå det for enhver pris!
14. Spredningsoperatoren er praktisk
Har du nogensinde haft brug for at overføre alle elementerne i et array som individuelle elementer til en anden funktion, eller har du brug for at lægge alle værdierne fra et array til et andet? Det er præcis, hvad spredningsoperatøren (...) tillader os at opnå. Her er en illustration.
15. afvent og asynkron
Opret asynkrone funktioner ved hjælp af nøgleordet async, som altid returnerer et løfte, enten eksplicit eller implicit.
Nøgleordet afvent kan bruges i asynkrone funktioner til at standse eksekveringen, indtil løsningen af returnerende løfter er afsluttet. Uden for din async-funktion vil koden fortsætte med at køre normalt.
16. Brug metoden include() i Javascript
I JavaScript bestemmer funktionen include() om en streng indeholder de angivne tegn, eller om en matrix indeholder det angivne element.
Denne metode returnerer sand, hvis strengen eller elementet opdages; ellers returnerer den falsk. Det er værd at nævne, at Strings contains()-funktionen skelner mellem store og små bogstaver. Hvis du ønsker at matche en streng uanset tilfældet, skal du blot skrive små bogstaver først.
17. Fjern elementer fra et array ved hjælp af Splice
For at fjerne et element fra et array, har jeg set udviklere bruge slettefunktionen. Dette er forkert, fordi sletningsmetoden i stedet for at slette objektet erstatter det med udefineret.
Den nemmeste måde at fjerne et element fra et array afhængigt af dets værdi i JavaScript er at bruge funktionen indexOf() til at få indeksnummeret for den værdi i arrayet, og derefter slette den indeksværdi med splice() metoden.
18. Gør brug af pilefunktionen
Pilefunktioner er en anden vigtig funktion, der lige er blevet tilføjet til JavaScript.
De har en masse fordele. Til at begynde med gør de JavaScripts funktionelle dele mere visuelt tiltalende og nemmere at skrive. Men brug af pilefunktioner gør dette meget mere læseligt og kortfattet.
19. Med Destructuring kan du hurtigt tildele variabelværdier
Tidligere i dette indlæg lærte vi om spredningsoperatøren i JavaScript. Destrukturering ligner destrukturering, idet den også udpakker data indeholdt i arrays.
Forskellen er, at disse upakkede værdier kan tildeles forskellige variabler. Syntaksen er identisk med genvejen [], når der dannes et array. Beslagene er dog placeret på venstre side af opgaveoperatøren denne gang. Her er en illustration.
20. Lav flere projekter
Ethvert talent kræver konsekvent øvelse, så prøv at konstruere en række projekter for at finpudse dine evner og få ekspertise med en række forskellige programmeringsscenarier.
Mens du arbejder med projekterne, vil du opleve flere udfordringer og fejl, som vil give dig den nødvendige ekspertise. Så prøv at komme med projekter, og der er et væld af ideer og eksempler på internettet til at hjælpe dig. Fortsæt med at udvikle kode, og dine evner vil blive bedre.
Konklusion
Det kan være svært at lære et computersprog som JavaScript. Hvis du er seriøs med at blive en god programmør og sikre dig dit første job, så kan disse JavaScript-læringsstrategier hjælpe dig med at fremskynde din læreproces.
Sørg for at øve dig i kodning regelmæssigt, tage grundige noter, mens du lærer nye ideer, og brug alle de værktøjer, du har adgang til. Frem for alt, kom derud og begynd at kode, mens du har det sjovt.
Giv en kommentar