Vanlige feil å unngå mens du koder i JavaScript
)
Selv om JavaScript er et lett å lære språk, er det fortsatt mange utviklere, uansett hvor gode utviklere de er, gjør noen vanlige feil. Disse feilene får koden din til å se ineffektive, uorganiserte og fulle av feil. Her, i denne artikkelen, dekker vi vanlige feil å unngå mens vi koder i JavaScript for å gjøre kodefeilen din gratis og effektiv.
Vanlige feil i koden din
Følgende er listen som vi har samlet om de vanlige feilene som er gjort av alle slags utviklere i JavaScript. På denne måten kan du forstå konseptene bedre og unngå disse feilene i fremtiden.
Feil måte å plassere skriptet ditt på:
Den vanligste feilen utviklerne gjør er å sette skriptet sitt i en HTML -fil feil. Mesteparten av tiden får manuset tilgang til HTML -elementer. Ved å plassere taggen i hodet på en HTML -fil vil føre til en feil. Her er et eksempel:
Dette vil ikke generere noen utdata, mens å plassere skriptetikanten på slutten av siden din vil løse dette problemet. Men likevel, hvis du vil bruke en skriptetag i hodet på en HTML -fil, kan du bare legge til attributtet "utsette”I skriptkoden. Her er et eksempel på å bruke utsatt.
Feil bruk av (=), (==), (===) operatører
I JavaScript er en annen vanlig feil feil bruk av "=”,“==”Og“===”. “=”Operatør er en Oppdragsoperatør I JavaScript som brukes til å tilordne verdier til forskjellige variabler.
Mens, “==”Og“===”Operatører brukes til sammenligning. “==”Brukes til“løs”Sammenligning av to variabler som ignorerer datatypene deres. Samtidig som "===”Er en streng sammenligningsoperatør som sjekker datatypen på to variabler.
Nedenfor er et eksempel for å forstå forskjellen på hver operatør bedre og forbedre konseptet ditt for å unngå slike feil:
La x = 55;La y = 55;
La z = "55";
konsoll.logg (boolsk (x == y));
konsoll.logg (boolsk (x === y));
konsoll.log (boolean (y == z));
konsoll.log (boolean (y === z));
Her tildelte vi først variablene noen verdier ved å bruke "=" oppdragsoperatører. Ved å bruke sammenligningsoperatører sammenlignet vi verdiene deres.
Produksjon:
Her, da vi sammenlignet strengen med et tall, ga “==” oss sann fordi den ikke sjekket datatypene for begge variablene. Mens “===” ga oss usant, da det også sjekker datatypene av variabler.
Tillegg vs sammenkobling
For både å legge til tall eller strenger operatøren “+" benyttes. På grunn av dette får vi forskjellige utganger. For eksempel, hvis vi legger til et tall med en numerisk streng, genererer den en annen utgang sammenlignet med å legge til to tall.
La x = 5;la y = "5";
La z = 20;
konsoll.logg (x+y);
konsoll.logg (x+z);
Produksjon:
Ettersom vi ikke kan definere hvilken type data i JavaScript mens de erklærte variabler, og hvis disse typene ikke blir håndtert riktig, forårsaker det noen uforutsigbare resultater vist gjennom eksemplet ovenfor.
Udefinert vs null
Begge disse kan se like ut, men de er helt forskjellige fra hverandre. Udefinert er når du ikke har tildelt en verdi til noen variabel. Mens, Null er en tildelingsverdi som kan tilordnes variabler. Selv om du sammenligner disse to gjennom en streng sammenligningsoperatør, vil den gi en falsk verdi. Her er et eksempel:
La x;La z = null;
konsoll.logg (x);
konsoll.logg (z);
konsoll.logg (typeof x);
konsoll.logg (typeof z);
konsoll.log (boolean (z === x));
Produksjon:
Her, typen av udefinert er udefinert mens den av null er et objekt. Derfor ble det sammenlignet med usant som en utgang.
Semikolon feilplassering
Den vanligste feilen utviklere gjør er å plassere semikolonet på slutten av en funksjon. For eksempel:
La x = 1;if (x == 19);
konsoll.logg ("hei");
I dette plasseringen av ";" Semicolon på slutten av den andre linjen vil utføre den gitte kodeblokken uansett hva tilstanden var.
Produksjon:
For å unngå denne typen feil, skriv om koden din som:
På denne måten sjekket den tilstanden, og det ble derfor ikke generert noen utgang.
Å bryte en streng i JavaScript
For å bryte en streng fra midten eller starte setningen fra neste linje, kan du ikke ha tenkt den. Snarere må du bruke tilbakeslag "\" for dette formålet.
La x = ""Hei \der""