Innholdsfortegnelse[Gjemme seg][Forestilling]
- 1. Forbedre din grunnleggende kunnskap
- 2. Benytt deg av en objektorientert strategi
- 3. Benytt deg av funksjoner selv om de er små
- 4. Bruk === i stedet for ==
- 5. Bruk JSLint
- 6. Skript bør plasseres nederst på siden
- 7. Den raskeste måten å lage en streng på
- 8. Legg til en kommentar til koden din
- 9. Benytt deg av malbokstaver
- 10. Iteratorer og for … av sløyfer
- 11. Bruk {} i stedet for nytt objekt()
- 12. Vurder å sette let og const i koden
- 13. eval() er ikke en god idé
- 14. Spread Operator kommer godt med
- 15. vent og asynkron
- 16. Bruk include()-metoden i Javascript
- 17. Fjern elementer fra en matrise ved hjelp av Splice
- 18. Bruk pilfunksjonen
- 19. Med Destructuring kan du raskt tilordne variabelverdier
- 20. Lag flere prosjekter
- konklusjonen
Hvis du noen gang har vært interessert i webutvikling, har du sannsynligvis kommet over JavaScript. Et objektorientert programmeringsspråk er JavaScript. Utviklere bruker den til å gjøre nettsiders klientside (frontend) dynamiske og interaktive.
Den brukes også til å lage nettsider og nettapper, med HTML og CSS. Det er ikke en nettside på internett i dag som ikke har JavaScript-kode. Det har blitt en uløselig del av jobben til en utvikler.
Faktisk øker den jevnt. Selv om JavaScript er best anerkjent for å gi funksjonalitet til nettsider, brukes det også i ikke-JavaScript-miljøer. Node.js, Apache Couch-DB og Adobe Acrobat er eksempler på disse teknologiene. For å kjøre JavaScript inneholder de fleste moderne nettlesere en innebygd JavaScript-kjøringsmotor. Hvis du vil være en vellykket nettutvikler, må du forholde deg til JavaScript.
Du må takle det i dag eller i morgen. Hvorfor ikke lære JavaScript på forhånd, slik at du er forberedt når den tid kommer?
Dette vil du lære i denne økten. Den forklarer hvordan du kan ligge et skritt foran dine andre nettutviklere ved å polere JavaScript.
La oss begynne!
1. Forbedre din grunnleggende kunnskap
Jeg vil begynne med en virkelig grunnleggende tanke og uttalelse som du har hørt siden du var ung. Lær det grunnleggende og bruk dem i praksis. Mange ganger vil du bruke logikk med koding, men du vil glemme at det allerede er en innebygd funksjon for det, for eksempel å kutte en matrise. Når du kjører JavaScript-koden, kan du få en feil, og som et resultat slutter mange tilleggsfunksjoner å fungere.
Dette kan være forårsaket av et enkelt kolon eller omvendt komma. Disse tingene oppstår som et resultat av manglende forståelse av det grunnleggende. Mange ganger i et enkelt program brukes en grunnleggende løkke som for, which, or do while. Loops er en av de mest grunnleggende programmeringskonstruksjonene.
Det er ganske vanskelig å kode og til og med ha en sjanse til å jobbe for et firma hvis du ikke er kjent med looping og andre grunnleggende ting. Å friske opp det grunnleggende er avgjørende siden de gir et solid grunnlag for å utvikle en løsnings kompliserte logikk og omdømme.
2. Benytt deg av en objektorientert strategi
Den objektorienterte metoden er den mest kjente programmeringsmetoden i dag. Den objektorienterte tilnærmingen, som begynte med C++, har vokst i popularitet enormt siden den gang. I dag er det kun objektorientert programmering som brukes til å lage alle hovedspråkene. En objektorientert strategi er en som er fokusert på et spesifikt objekt.
Elementet blir da en grunnleggende enhet. Dette objektet brukes så til å legge til attributter og funksjoner på siden som grunnlag. Du kan også bruke den tradisjonelle metoden for å lage kode fra topp til bunn uten noen funksjoner eller objekter. Dette er altfor omfattende og bør aldri forsøkes. Når vi utvikler kode bør vi bruke en funksjonell tilnærming, og hvis vi bruker funksjoner bør vi bruke objekter.
Så, i starten, forsøk å konvertere den omfattende koden din til objektorientert kode, og skriv alltid koden i en objektorientert stil. Når du studerer andres kode, vil du hele tiden se på objektorienterte teknikker. Hvis du vil mestre JavaScript, er det best om du får tak i det.
3. Benytt deg av funksjoner selv om de er små
Programmering med en funksjonell tilnærming er en kjempefin vei å gå. Hvorfor? Den deler programvaren din i moduler som fungerer sammen, men som fortsatt er forskjellige fra hverandre. La meg gi deg et eksempel for å hjelpe deg å forstå.
Root Mean Square av heltallene kan beregnes ved hjelp av en funksjon. For å gjøre det må du kvadrere heltallene, beregne gjennomsnittet og deretter beregne kvadratroten av gjennomsnittet. Det er tre faser i prosessen. Som et resultat kan vi bruke tre funksjoner. Men som du kan se, er alle disse funksjonene sammenkoblet. Utdataene fra en sendes til en annen, og vi mottar det ultimate resultatet.
La oss late som at i stedet for tre funksjoner, trenger du bare én for å beregne RMS basert på flere faktorer. Den endelige løsningen, som du kan se, er feil. Det vil være ganske vanskelig for deg å finne ut hva som gikk galt i en så stor begivenhet på dette tidspunktet.
Å ha tre bittesmå funksjoner vil derimot tillate deg å analysere raskt. Som et resultat, selv om funksjonene er beskjedne, bruk dem til å definere distinkte kodemoduler. Denne teknikken vil hjelpe deg å bli en JavaScript-ekspert som magi.
La oss nå se på noen JavaScript-kodingstips.
4. Bruk === i stedet for ==
I JavaScript er det to typer likhetsoperatorer: strenge likhetsoperatorer === og !==, og ikke-strenge likhetsoperatorer == og !=. Ved sammenligning anses det som beste praksis å alltid bruke eksakt likestilling. Når du arbeider med == og !=, vil du imidlertid støte på problemer når du arbeider med forskjellige typer.
Når typene av verdier du sammenligner er forskjellige, vil de ikke-strenge operatørene prøve å tvinge verdiene sine, noe som kan føre til uventede utfall.
5. Bruk JSLint
Douglas Crockford opprettet JSLint, en debugger. Bare legg skriptet ditt i boksen, og det vil raskt skanne det for eventuelle feil eller mangler.
JSLint undersøker en JavaScript-kildefil. Hvis et problem oppdages, sender det en melding med en beskrivelse av problemet og en omtrentlig posisjon i kilden. Problemet er ikke alltid en syntaktisk feil, selv om det ofte er tilfelle.
JSLint undersøker både stilistiske normer og strukturelle problemstillinger. Det betyr ikke at programvaren din er nøyaktig. Den legger bare til enda et par øyne for å hjelpe til med å oppdage problemer. Før du logger av på et skript, kjør det gjennom JSLint for å forsikre deg om at du ikke har begått noen feil.
6. Skript bør plasseres nederst på siden
Brukerens primære mål er at siden skal lastes så raskt som mulig. Nettleseren kan ikke fortsette å laste et skript før hele filen er lastet inn. Som et resultat må brukeren vente lenger for å se noen fremgang.
Hvis du har JS-filer som bare brukes til å tilby funksjonalitet (for eksempel når en knapp trykkes), legg dem nederst på siden, rett før den avsluttende body-taggen. Dette er uten tvil den beste praksisen.
7. Den raskeste måten å lage en streng på
Når du trenger å gå rundt en matrise eller et objekt, må du ikke alltid bruke din trofast for loop-setning. Bruk fantasien til å finne den raskeste løsningen for oppgaven. Jeg skal ikke gi deg tall; du må bare stole på meg (eller teste selv).
Dette er den desidert raskeste teknikken.
8. Legg til en kommentar til koden din
Det kan virke meningsløst i begynnelsen, men stol på meg når jeg sier at du bør kommentere koden din så ofte som mulig. Hva om du kommer tilbake til prosjektet måneder senere og ikke kan huske din opprinnelige tankeprosess?
Hva om koden din må oppdateres av en av kollegene dine? Viktige områder av koden din bør alltid kommenteres.
9. Benytt deg av malbokstaver
Begrensningene for strenger laget med doble eller enkle anførselstegn er mange. For å gjøre det mye enklere å jobbe med dem, kan du velge å erstatte noen av strengene dine med bokstavmaler.
Backtick-tegnet (') brukes til å bygge malliteraler, som har en rekke fordeler. Du kan bruke dem til å lagre uttrykk eller til å bygge strenger med flere linjer.
Som du kan se, i motsetning til en konvensjonell streng-literal konstruert med enkle eller doble anførselstegn, trengte vi ikke gjentatte ganger å gå inn og ut av malen vår. Dette minimerer sannsynligheten for skrivefeil og lar oss skrive renere kode.
10. Iteratorer og for … av sløyfer
Iteratorer er objekter i JavaScript som implementerer neste()-metoden for å returnere et objekt som lagrer neste verdi i en sekvens, så vel som sant eller usant, avhengig av om det er flere verdier igjen. Dette betyr at hvis du implementerer iteratorprotokollen, kan du bygge dine egne iteratorobjekter.
Det er noen innebygde iteratorer i JavaScript, for eksempel String, Array, Map og så videre. Du kan bruke for … av løkker for å iterere på tvers av dem. Sammenlignet med vanlige for løkker, er dette mer kortfattet og mindre utsatt for feil. Vi trenger ikke å holde styr på hele lengden av matrisen eller gjeldende indeks ved å bruke en for...of-løkke. Når du designer nestede løkker, kan dette bidra til å forenkle koden.
11. Bruk {} i stedet for nytt objekt()
I JavaScript kan du lage objekter på en rekke måter. Å bruke den nye konstruktøren, som vist, er en mer konvensjonell måte. Denne strategien er derimot merket som "dårlig praksis."
Den er ikke destruktiv, men den er litt ordrik og unik. Jeg foreslår i stedet å bruke den bokstavelige objektteknikken.
12. Vurder å sette let og const i koden
Vi kan bruke søkeordet let for å lage lokale variabler som er scoped til sin egen blokk. Vi kan bruke nøkkelordet const til å konstruere lokale blokkbaserte variabler som ikke kan endres.
Når du deklarerer variabler, bør du vurdere å bruke søkeordene let og const når det er aktuelt. Husk at nøkkelordet const deaktiverer bare omtildeling. Det gjør heller ikke variabelen uforanderlig.
13. eval() er ikke en god idé
Eval()-metoden, for de uvitende, gir oss tilgang til JavaScripts kompilator. I hovedsak kan vi bruke eval til å utføre resultatet av en streng ved å gi den som en inngang ().
Ikke bare vil dette redusere skriptet betydelig, men det gir også et betydelig sikkerhetsproblem siden det gir den innsendte teksten alt for mye autoritet. Unngå det for enhver pris!
14. Spread Operator kommer godt med
Har du noen gang hatt behov for å overføre alle elementene i en matrise som individuelle elementer til en annen funksjon, eller trenger du å sette alle verdiene fra en matrise til en annen? Dette er nøyaktig hva spredningsoperatøren (...) lar oss oppnå. Her er en illustrasjon.
15. vent og asynkron
Lag asynkrone funksjoner ved å bruke nøkkelordet async, som alltid returnerer et løfte, enten eksplisitt eller implisitt.
Avvent nøkkelordet kan brukes i asynkrone funksjoner for å stoppe utførelse til løsningen av returnerende løfter er fullført. Utenfor asynkroniseringsfunksjonen din vil koden fortsette å kjøre normalt.
16. Bruk include()-metoden i Javascript
I JavaScript bestemmer funksjonen include() om en streng inneholder de oppgitte tegnene eller om en matrise inneholder det spesifiserte elementet.
Denne metoden returnerer true hvis strengen eller elementet blir oppdaget; ellers returnerer den falsk. Det er verdt å nevne at Strings contains()-funksjonen skiller mellom store og små bokstaver. Hvis du ønsker å matche en streng uavhengig av store og små bokstaver, bare små bokstaver i målteksten først.
17. Fjern elementer fra en matrise ved hjelp av Splice
For å fjerne et element fra en matrise, har jeg sett utviklere bruke slettefunksjonen. Dette er feil fordi, i stedet for å slette objektet, erstatter slettemetoden det med udefinert.
Den enkleste måten å fjerne et element fra en matrise avhengig av verdien i JavaScript er å bruke indexOf()-funksjonen for å få indeksnummeret til den verdien i matrisen, og deretter slette den indeksverdien med splice()-metoden.
18. Bruk pilfunksjonen
Pilfunksjoner er en annen viktig funksjon som nettopp er lagt til JavaScript.
De har en båtlast av fordeler. Til å begynne med gjør de JavaScripts funksjonelle deler mer visuelt tiltalende og enklere å skrive. Men bruk av pilfunksjoner gjør dette mye mer lesbart og konsist.
19. Med Destructuring kan du raskt tilordne variabelverdier
Tidligere i dette innlegget lærte vi om spredningsoperatøren i JavaScript. Destrukturering ligner på destrukturering ved at den også pakker ut data som finnes i matriser.
Forskjellen er at disse upakkede verdiene kan tilordnes distinkte variabler. Syntaksen er identisk med den for []-snarveien når du danner en matrise. Klammerne er imidlertid plassert på venstre side av oppdragsoperatøren denne gangen. Her er en illustrasjon.
20. Lag flere prosjekter
Ethvert talent krever konsekvent øvelse, så prøv å konstruere en rekke prosjekter for å finpusse dine evner og få ekspertise med en rekke programmeringsscenarier.
Mens du jobber med prosjektene vil du oppleve flere utfordringer og feil, som vil gi deg nødvendig kompetanse. Så prøv å komme opp med prosjekter, og det er en mengde ideer og eksempler på internett som kan hjelpe deg. Fortsett å utvikle kode, og dine evner vil bli bedre.
konklusjonen
Det kan være vanskelig å lære et dataspråk som JavaScript. Hvis du mener alvor med å bli en god programmerer og sikre deg din første jobb, kan disse JavaScript-læringsstrategiene hjelpe deg med å fremskynde læringsprosessen.
Sørg for at du trener på koding med jevne mellomrom, ta grundige notater mens du lærer nye ideer, og bruk alle verktøyene som er tilgjengelige for deg. Fremfor alt, kom deg ut og begynn å kode mens du har det gøy.
Legg igjen en kommentar