Innehållsförteckning[Dölj][Visa]
- 1. Förbättra dina grundläggande kunskaper
- 2. Använd en objektorienterad strategi
- 3. Använd funktioner även om de är små
- 4. Använd === istället för ==
- 5. Använd JSLint
- 6. Skript bör placeras längst ner på din sida
- 7. Det snabbaste sättet att göra ett snöre
- 8. Lägg till en kommentar till din kod
- 9. Använd mallbokstavar
- 10. Iteratorer och för … av loopar
- 11. Använd {} istället för nytt objekt()
- 12. Överväg att sätta let och const i din kod
- 13. eval() är ingen bra idé
- 14. Spread Operator kommer väl till pass
- 15. vänta och asynkronisera
- 16. Använd metoden include() i Javascript
- 17. Ta bort objekt från en array med Splice
- 18. Använd pilfunktionen
- 19. Med Destructuring kan du snabbt tilldela variabelvärden
- 20. Gör flera projekt
- Slutsats
Om du någonsin varit intresserad av webbutveckling har du förmodligen stött på JavaScript. Ett objektorienterat programmeringsspråk är JavaScript. Utvecklare använder det för att göra webbsidornas klientsida (gränssnitt) dynamiska och interaktiva.
Det används också för att skapa webbsidor och webbappar, med HTML och CSS. Det finns inte en webbsida på internet nuförtiden som inte har JavaScript-kod. Det har blivit en oupplöslig aspekt av jobbet som utvecklare.
Den ökar faktiskt stadigt. Även om JavaScript är bäst känt för att tillhandahålla funktionalitet till webbsidor, används det även i icke-JavaScript-miljöer. Node.js, Apache Couch-DB och Adobe Acrobat är exempel på dessa tekniker. För att köra JavaScript innehåller de flesta moderna webbläsare en inbyggd JavaScript-körningsmotor. Om du vill bli en framgångsrik webbutvecklare måste du hantera JavaScript.
Du måste ta itu med det idag eller imorgon. Varför inte lära dig JavaScript i förväg så att du är förberedd när det är dags?
Detta är vad du kommer att lära dig i denna session. Den förklarar hur du ligger steget före dina andra webbutvecklare genom att polera ditt JavaScript.
Låt oss börja!
1. Förbättra dina grundläggande kunskaper
Jag börjar med en riktigt grundläggande tanke och ett uttalande som du har hört sedan du var ung. Lär dig grunderna och omsätt dem i praktiken. Många gånger kommer du att tillämpa logik med kodning, men du kommer att glömma att det redan finns en inbyggd funktion för det, som att skära en array. När du kör JavaScript-koden kan du få ett felmeddelande och som ett resultat slutar många ytterligare funktioner att fungera.
Detta kan orsakas av ett enda kolon eller inverterade kommatecken. Dessa saker uppstår som ett resultat av en bristande förståelse för grunderna. Många gånger i ett enda program används en grundläggande loop som för, vilken eller gör medan. Slingor är en av de mest grundläggande programmeringskonstruktionerna.
Det är ganska svårt att koda och till och med ha en chans att arbeta för ett företag om du inte är bekant med looping och andra grunder. Att fräscha upp dina grunder är avgörande eftersom de ger en solid grund för att utveckla en lösnings komplicerade logik och rykte.
2. Använd en objektorienterad strategi
Den objektorienterade metoden är det mest kända programmeringssättet idag. Det objektorienterade tillvägagångssättet, som började med C++, har vuxit i popularitet enormt sedan dess. Idag används endast objektorienterad programmering för att skapa alla huvudspråken. En objektorienterad strategi är en som är fokuserad på ett specifikt objekt.
Objektet blir då en grundläggande enhet. Detta objekt används sedan för att lägga till attribut och funktioner till sidan som grund. Du kan också använda den traditionella metoden att skapa kod från topp till botten utan några funktioner eller objekt. Detta är alldeles för omfattande och bör aldrig prövas. När vi utvecklar kod bör vi använda ett funktionellt tillvägagångssätt, och om vi använder funktioner bör vi använda objekt.
Så, i början, sträva efter att konvertera din omfattande kod till objektorienterad kod, och skriv alltid din kod i en objektorienterad stil. När du studerar andras kod kommer du ständigt att titta på objektorienterade tekniker. Om du vill behärska JavaScript är det bäst om du lägger vantarna på det.
3. Använd funktioner även om de är små
Programmering med ett funktionellt tillvägagångssätt är en fantastisk väg att gå. Varför? Den delar upp din programvara i moduler som fungerar tillsammans men som fortfarande är åtskilda från varandra. Låt mig ge dig ett exempel för att hjälpa dig förstå.
Heltalens rotmedelkvadrat kan beräknas med hjälp av en funktion. För att göra det måste du kvadrera heltalen, beräkna deras medelvärde och sedan beräkna kvadratroten ur medelvärdet. Det finns tre faser i processen. Som ett resultat kan vi använda tre funktioner. Men som du kan se är alla dessa funktioner sammankopplade. Utdata från en skickas till en annan, och vi får det ultimata resultatet.
Låt oss låtsas att istället för tre funktioner behöver du bara en för att beräkna RMS baserat på flera faktorer. Den slutliga lösningen är, som du kan se, felaktig. Det kommer att vara ganska svårt för dig att avgöra vad som gick fel i ett så stort evenemang vid det här laget.
Med tre små funktioner, å andra sidan, kan du analysera snabbt. Som ett resultat, även om funktionerna är blygsamma, använd dem för att definiera distinkta kodmoduler. Den här tekniken hjälper dig att bli en JavaScript-expert som magi.
Låt oss nu titta på några JavaScript-kodningstips.
4. Använd === istället för ==
I JavaScript finns det två typer av likhetsoperatorer: strikta likhetsoperatorer === och !==, och icke-strikta likhetsoperatorer == och !=. Vid jämförelse betraktas det som bästa praxis att alltid använda exakt jämställdhet. När du arbetar med == och != kommer du dock att stöta på problem när du har att göra med olika typer.
När typerna av värden du jämför är olika, kommer de icke-stränga operatörerna att försöka tvinga fram sina värden, vilket kan leda till oväntade resultat.
5. Använd JSLint
Douglas Crockford skapade JSLint, en debugger. Lägg bara in ditt skript i lådan, så kommer det snabbt att skanna det efter eventuella buggar eller brister.
JSLint undersöker en JavaScript-källfil. Om ett problem upptäcks skickas ett meddelande med en beskrivning av problemet och en ungefärlig position inom källan. Problemet är inte alltid ett syntaktisk fel, även om det ofta är fallet.
JSLint undersöker både stilistiska normer och strukturella frågor. Det betyder inte att din programvara är korrekt. Det lägger bara till ytterligare ett par ögon för att hjälpa till att upptäcka problem. Innan du loggar ut på ett skript, kör det genom JSLint för att se till att du inte har begått några misstag.
6. Skript bör placeras längst ner på din sida
Användarens primära mål är att sidan ska laddas så snabbt som möjligt. Webbläsaren kan inte fortsätta ladda ett skript förrän hela filen har laddats. Som ett resultat kommer användaren att behöva vänta längre för att se några framsteg.
Om du har JS-filer som bara används för att tillhandahålla funktionalitet (till exempel när du trycker på en knapp), placera dem längst ner på sidan, precis före den avslutande body-taggen. Detta är utan tvekan den bästa praxisen.
7. Det snabbaste sättet att göra ett snöre
När du behöver loopa runt en array eller ett objekt, använd inte alltid din trofast för loop-sats. Använd din fantasi för att komma på den snabbaste lösningen för uppgiften. Jag tänker inte ge dig siffror; du måste helt enkelt lita på mig (eller testa själv).
Detta är den överlägset snabbaste tekniken.
8. Lägg till en kommentar till din kod
Det kan verka meningslöst till en början, men lita på mig när jag säger att du bör kommentera din kod så ofta som möjligt. Vad händer om du kommer tillbaka till projektet månader senare och inte kan komma ihåg din ursprungliga tankeprocess?
Vad händer om din kod måste uppdateras av en av dina medarbetare? Viktiga delar av din kod bör alltid kommenteras.
9. Använd mallbokstavar
Begränsningarna för strängar skapade med dubbla eller enkla citattecken är många. För att göra det mycket lättare att arbeta med dem kan du välja att byta ut några av dina strängar med mallbokstavar.
Backtick-tecknet (') används för att skapa mallbokstavar, vilket har ett antal fördelar. Du kan använda dem för att lagra uttryck eller för att bygga flerradiga strängar.
Som du kan se, till skillnad från en konventionell strängliteral konstruerad med enkla eller dubbla citattecken, behövde vi inte upprepade gånger gå in och ut ur vår mall. Detta minimerar sannolikheten för skrivfel och gör att vi kan skriva renare kod.
10. Iteratorer och för … av loopar
Iteratorer är objekt i JavaScript som implementerar metoden next() för att returnera ett objekt som lagrar nästa värde i en sekvens såväl som true eller false beroende på om det finns några fler värden kvar. Det betyder att om du implementerar iteratorprotokollet kan du bygga dina egna iteratorobjekt.
Det finns några inbyggda iteratorer i JavaScript, som String, Array, Map och så vidare. Du kan använda för ... av loopar för att iterera över dem. Jämfört med vanliga loopar är detta mer kortfattat och mindre felbenäget. Vi behöver inte hålla reda på hela längden på arrayen eller det aktuella indexet med hjälp av en for...of-loop. När du designar kapslade loopar kan detta hjälpa till att förenkla koden.
11. Använd {} istället för nytt objekt()
I JavaScript kan du göra objekt på en mängd olika sätt. Att använda den nya konstruktorn, som visas, är ett mer konventionellt sätt. Denna strategi, å andra sidan, markeras som "dålig praxis".
Det är inte destruktivt, men det är lite ordrikt och unikt. Jag föreslår istället att använda objektet bokstavlig teknik.
12. Överväg att sätta let och const i din kod
Vi kan använda nyckelordet let för att skapa lokala variabler som är anpassade till sitt eget block. Vi kan använda nyckelordet const för att konstruera lokala blockomfattade variabler som inte kan ändras.
När du deklarerar variabler bör du överväga att använda nyckelorden let och const när det är tillämpligt. Kom ihåg att nyckelordet const endast inaktiverar omtilldelning. Det gör inte variabeln oföränderlig heller.
13. eval() är ingen bra idé
Metoden eval(), för de omedvetna, ger oss tillgång till JavaScripts kompilator. I huvudsak kan vi använda eval för att exekvera resultatet av en sträng genom att tillhandahålla den som en indata ().
Detta kommer inte bara att avsevärt sakta ner ditt skript, utan det erbjuder också ett betydande säkerhetsproblem eftersom det ger den inskrivna texten alldeles för mycket auktoritet. Undvik det till varje pris!
14. Spread Operator kommer väl till pass
Har du någonsin behövt överföra alla objekt i en array som enskilda element till en annan funktion, eller behöver du lägga alla värden från en array till en annan? Det är precis vad spridningsoperatören (...) tillåter oss att uppnå. Här är en illustration.
15. vänta och asynkronisera
Skapa asynkrona funktioner med nyckelordet async, som alltid returnerar ett löfte, antingen explicit eller implicit.
Nyckelordet await kan användas i asynkrona funktioner för att stoppa exekveringen tills lösningen av återkommande löften är klar. Utanför din asynkronfunktion kommer koden att fortsätta att köras normalt.
16. Använd metoden include() i Javascript
I JavaScript avgör funktionen include() om en sträng innehåller de angivna tecknen eller om en array innehåller det angivna elementet.
Denna metod returnerar true om strängen eller elementet upptäcks; annars returnerar det falskt. Det är värt att nämna att funktionen Strings contains() är skiftlägeskänslig. Om du vill matcha en sträng oavsett skiftläge, sänk bara måltexten först.
17. Ta bort objekt från en array med Splice
För att ta bort ett objekt från en array har jag sett utvecklare använda raderingsfunktionen. Detta är felaktigt eftersom, istället för att ta bort objektet, ersätter deletemetoden det med odefinierat.
Det enklaste sättet att ta bort ett element från en array beroende på dess värde i JavaScript är att använda funktionen indexOf() för att få indexnumret för det värdet i arrayen och sedan ta bort det indexvärdet med splice()-metoden.
18. Använd pilfunktionen
Pilfunktioner är en annan viktig funktion som just har lagts till i JavaScript.
De har en mängd fördelar. Till att börja med gör de JavaScripts funktionella delar mer visuellt tilltalande och lättare att skriva. Men att använda pilfunktioner gör detta mycket mer läsligt och kortfattat.
19. Med Destructuring kan du snabbt tilldela variabelvärden
Tidigare i det här inlägget lärde vi oss om spridningsoperatorn i JavaScript. Destrukturering liknar destrukturering genom att den också packar upp data som finns i arrayer.
Skillnaden är att dessa uppackade värden kan tilldelas distinkta variabler. Syntaxen är identisk med genvägen [] när man bildar en array. Fästena är dock placerade på vänster sida av uppdragsoperatören denna gång. Här är en illustration.
20. Gör flera projekt
Alla talanger kräver konsekvent övning, så försök att konstruera en mängd olika projekt för att finslipa dina förmågor och få expertis med en mängd olika programmeringsscenarier.
När du arbetar med projekten kommer du att uppleva flera utmaningar och fel, vilket kommer att ge dig den kompetens som krävs. Så försök att komma på projekt, och det finns en uppsjö av idéer och exempel på internet som hjälper dig. Fortsätt att utveckla kod så kommer dina förmågor att förbättras.
Slutsats
Det kan vara svårt att lära sig ett datorspråk som JavaScript. Om du menar allvar med att bli en bra programmerare och säkra ditt första jobb, då kan dessa JavaScript-inlärningsstrategier hjälpa dig att påskynda din inlärningsprocess.
Se till att du tränar på kodning regelbundet, gör grundliga anteckningar samtidigt som du lär dig nya idéer och använder alla verktyg som är tillgängliga för dig. Framför allt, gå ut och börja koda samtidigt som du har roligt.
Kommentera uppropet