Hva er JavaScript? - Nybegynnerguide
Derfor kom JavaScript. Det er en av de mest populære Skriptspråk som fungerer på klient side For å håndtere interaktiviteten til websiden din. Videre kan det øke den dynamiske oppførselen til nettstedet ved å manipulere innholdet det mottar fra webserveren. Det er en hel haug med ting som JavaScript kan gjøre, vi lærer det i denne artikkelen sammen med hvordan det fungerer og noen grunnleggende konsepter.
Ulike funksjoner som du kan gjøre med JavaScript:
- Endre innhold på websiden ved å legge til og fjerne elementene.
- Overvåk forskjellige museklikk, sveve hendelser og håndtere handlingene deres.
- Kontroller forskjellige animasjoner og overganger.
- Hendelseshåndtering når en bruker legger inn noen innspill.
- Valider inndata som brukeren gir før han sender til serveren.
Og så mange flere, du kan kontrollere hvordan siden din oppfører seg.
Hvorfor lære JavaScript?
JavaScript ble ansett for å være et verktøy bare for interaktive websider. Men de dagene er borte, og nå kan du bygge fulle mobil- og webapplikasjoner, samt nettverksapplikasjoner ved å bruke forskjellige rammer levert av JavaScript.
Du kan også designe nettleserspill med JavaScript. Det er voksende andre språk og kjente selskaper bygger applikasjonene sine rundt JavaScript. Nå, du vet viktigheten av å lære JavaScript, så la oss se hvordan det fungerer.
JavaScript Code Editor
For JavaScript -kode kan du bruke nettleserens konsoll eller til og med online JS -redaktører. Men det er best å bruke koderedaktører. Det er forskjellige kodedaktører der ute som Visual Studio -kode, sublim tekst, atom og mer du kan sjekke forskjellige JavaScript -redaktører tilgjengelig gjennom denne artikkelen. Av disse anbefales Visual Studio Code på det sterkeste, da den er den mest brukte kodeditoren, og resonnementet bak er dens konstante støtte for kommende teknologier og brukergrensesnitt for brukervennlig bruk.
Hvordan legge til JavaScript i filen din?
Det er to måter å legge til JavaScript i HTML -filen din:
Internt skript (Konfigurere JavaScript i HTML -filen ved hjelp av tag)
Eksternt skript (Opprette en separat fil for JS -kode og legge til lenken i taggen
konsol.Logg, varsler og dokument.Skriv i JavaScript
En nyttig kommando for å feilsøke og logge koden din er konsoll.Logg. Det er nyttig indirekte å skrive innhold i nettkonsollen.
konsoll.Logg ("Hello World");Varsler brukes til å gi varsler til sluttbrukeren som får tilgang til websiden.
Varsel ("Hello World");Dokument.skrive Endrer innholdet på websiden ved å legge til ekstra innhold på websiden din.
dokument.Skriv ("Velkommen til websiden!");I JavaScript har konsollen en haug med metoder. Mer informasjonsinformasjon er her.
Hvordan legge til kommentarer i JavaScript
Mens programmering er det ekstremt nyttige å skrive kommentarer. Det hjelper deg å huske hva du kodet, og hvis det er ekstra informasjon, må du skrive for den andre personen som sjekker koden din. Både enkelt og Flere Linjekommentarer kan skrives. For å bruke en enkeltlinjekommentar i kode (JavaScript) bruker vi //:
// Hele setningen er en stor enkeltlinjekommentar.Mens i tilfelle av flere linjekommentarbruk / * i tiggeringen og lukk den med * /:
/* Dette er en multi-linjekommentar. Du kan til og med bloggen din her hvis du vil. */Variabler i JavaScript
Akkurat som på noe annet programmeringsspråk, brukes variabler også i JavaScript. Jobben med en variabel er å holde en datatype i en navngitt referanse. I JavaScript kan vi angi variabler ved å bruke tre måter: var, la, const.
De var brukes siden begynnelsen av JavaScript, og det er globalt scoped, noe som betyr at alle funksjonene på den siden, eller i det programmet kan få tilgang til det.
var x = 15;var y = 4;
konsoll.logg (x + y);
Produksjon:
Fordi det er globalt scoped, er det bedre å bruke la og const. Årsaken er at du noen ganger vil erklære en variabel i en IF -uttalelse, og utenfor at hvis uttalelse du vil erklære variabelen med samme navn. Å bruke VAR vil forårsake problemer. For å forstå mer om globale variabler i JavaScript, kan du sjekke denne artikkelen.
De resterende to typene variabler som er tilgjengelige i JavaScript er la og const. Bruke la vi kan erklære hvilken som helst datatype, mens, i tilfelle av Const, bare konstante verdier er erklært.
La MSG = "Hello World";konsoll.Log (MSG);
msg = 10;
konsoll.Log (MSG);
Produksjon:
Her erklærte vi en streng så vel som en talltype ved hjelp av letvariabelen. Nå, ved å bruke Const, hvis vi prøver å erklære noen annen verdi enn konstant, vil det gi oss en feil.
// nedenfor vil forårsake en feil.const pi = 3.142;
konsoll.logg (pi);
PI = 3.15;
konsoll.logg (pi);
Datatyper i JavaScript
JavaScript gir oss forskjellige datatyper som for eksempel Tall, Strenger, Booleans, Flyte, Objekter, og mer. Hvis du vil lese om datatypene i JavaScript, kan du ta turen til de offisielle MDN -dokumentene. Den forteller programmet hvilken type data de jobber med og manipulerer.
Antall: Datatypen for å representere et positivt, negativt heltall eller flytende punkt er tall.
La num = 11;konsoll.logg (num);
konsoll.logg (type av num);
num = -12;
konsoll.logg (num);
konsoll.logg (type av num);
Produksjon:
Streng: For å lagre en sekvens av tegn, brukes strengdatatypen.
La X = "Velkommen"konsoll.logg (x);
konsoll.logg (typeof x);
Produksjon:
Boolsk: En datatype som representerer sanne og falske verdier i et program.
La x = santkonsoll.logg (x);
konsoll.logg (typeof x);
Produksjon:
Objekter: For å lagre samlingen av forskjellige datatyper i en enkelt variabel, brukes objekter.
La film =Navn: "Inception",
Sjanger: "Thriller",
Yearofrelease: "2010",
NumberOfCopies: 10
;
konsoll.logg (film);
konsoll.logg (type film);
Produksjon:
Arrays i JavaScript
For å lagre innsamling av data av alle typer kan vi bruke matriser. Bare initialiser matrisen ved hjelp av Array -konstruktøren:
La måneder = ny matrise ();Eller med [] Initialisering:
La måneder = [];Eller bare opprette en matrise med eksplisitte data:
La måneder = ["januar", "februar", "March", "April", "May"];Indeksen i matrisen starter med null, og for å få tilgang til ethvert element du bare må skrive matrise [IndexPosition]:
La måneder = ["januar", "februar", "March", "April", "May"];konsoll.logg (måneder [3]);
Produksjon:
For bedre å forstå array -konseptet i JavaScript, sjekk denne artikkelen.
Metoder for forskjellige datatyper i JavaScript
Ulike metoder er der ute for å manipulere verdiene til forskjellige datatyper.
Strengmetoder: For å endre verdiene til en streng, er det mange forskjellige metoder tilgjengelig for oss. Disse kan brukes til å sjekke lengden på en streng, finne plasseringen av et bestemt ord i en streng eller konvertere den til forskjellige datatyper.
La x = "Hei, velkommen hjem"// for å sjekke strenglengde
konsoll.Logg (x.lengde);
// for å kutte en bestemt del av strengen
konsoll.Logg (x.skive (3, 7));
// for å erstatte et bestemt ord i en streng
konsoll.Logg (x.erstatte ("hjem", "her"));
// for å konvertere streng til små bokstaver
konsoll.Logg (x.tolowercase ());
Produksjon:
Selvfølgelig er det flere andre metoder, hvis du også vil lære mer, sjekk denne artikkelen også.
Nummermetoder: Tilsvarende for å manipulere verdien av en talltype, er det forskjellige metoder. Noen av disse er gitt nedenfor:
La x = 4445.4// for å konvertere tall til en streng
konsoll.Logg (x.toString);
// for å konvertere nummer til eksponentiell formkonsoll.Logg (x.toexponential ());
// returnerer nummeret med spesifisert lengde
konsoll.Logg (x.Toprecision (2));
Produksjon:
JavaScript gir oss metoder for objekter, boolske, matriser og mer.
Forhold i JavaScript
En annen grunnleggende del av programmeringen er å ta beslutninger og forårsake noen handlinger basert på disse beslutningene. Dette kan gjøres gjennom betingede uttalelser i JavaScript. Du kan bruke:
Hvis ... ellers:
La balanse = 1200;hvis (balanse < 1000)
konsoll.logg ("balanse mindre enn 1000");
ellers
konsoll.logg ("balanse mer enn 1000");
Produksjon:
Hvis ... ellers hvis ... ellers:
La balanse = 1200;hvis (balanse <1000)
konsoll.logg ("balanse mindre enn 1000");
ellers hvis (balanse> 1000 && balanse <1500)
konsoll.Logg ("Balanse mellom 1000-1500");
annet konsoll.logg ("balanse mer enn 1500");
Produksjon:
Bytte om:
La alfabet = 'B';bryter (alfabet)
sak 'A':
konsoll.logg ("egg");
gå i stykker;
sak 'B':
konsoll.log ("mango");
gå i stykker;
misligholde:
konsoll.Logg ("Tea!");
Produksjon:
For å forstå emnet bedre kan du sjekke disse artiklene i IF-Else og bytte betingede utsagn i detalj.
Løkker i JavaScript
Inntil en viss tilstand er oppfylt. Løkker fortsetter å gjenta en del av koden (kan være en enkeltlinje og til og med flerlinje) JavaScript sørger for, mens, gjør-mens og for hver loop. Slik fungerer de sammen med eksempler:
For sløyfe
Den sløyfer gjennom en gitt kode flere ganger.
for (la i = 0; i < 10; i++)konsoll.log (i + "");
Produksjon:
Du kan forstå konseptet og arbeidet med dette gjennom denne artikkelen.
Mens du er sløyfe
Løkker gjennom en spesifisert gitt kode til de gitte forholdene er oppfylt.
La i = 0;mens jeg <4 )
konsoll.log (i + "");
i ++;
Produksjon:
Gjør mens du er sløyfe
I likhet med stundsløyfen er det en do-mens Loop. Det skiller seg ut i dette aspektet at her i det minste vil sløyfen bli utført en gang. Årsaken er at forholdene blir sjekket på slutten av sløyfen.
La i = 0;gjøre
konsoll.log (i + "");
i ++;
mens jeg < 3);
Produksjon:
Produksjon:
For hver sløyfe
For å iterere over en samling som matriser, brukes for hver sløyfe.
La bokstav = ["m", "a", "n", "g", "o"];brev.for hver(
funksjon (oppføring)
konsoll.logg (oppføring + "");
);
Produksjon:
Dette er bare for å gi deg en grunnleggende forståelse. Hvis du vil forstå dette dyptgående, sjekk denne artikkelen, eller for å forstå for-in-loopen du også kan sjekke denne artikkelen.
Funksjoner i JavaScript
Funksjoner er kodeblokker som er tilordnet for å utføre noen oppgave. For eksempel vil du at en melding skal vises når du klikker på en knapp. Så dette vil skje gjennom bruk av funksjoner. For å forstå konseptet i detalj kan du sjekke denne artikkelen.
Her er en demonstrasjon av hvordan det fungerer:
Funksjons tillegg (i, j = 5)return i + j;
La resultat = tillegg (3,5);
konsoll.Log ("Legg til (3,5) er" + resultat);
Produksjon:
I eksemplet ovenfor ble to tall ført inn i funksjonen til tillegg () og ble lagret i det variable resultatet.
JavaScript gir oss forskjellige datatyper, funksjoner, metoder og mer dyptgående. Disse er ekstremt nyttige og gjør forståelsen av programmet enkel. Det er så mange måter du kan lære JavaScript, gjennom bøker, så vel som gjennom online ressurser.
Konklusjon:
I dagens guide lærte vi det grunnleggende om JavaScript. JavaScript har blitt intet mindre enn viktig for interaktive og attraktive websider. I dag gir JavaScript oss forskjellige rammer som til og med hjelper oss med å utvikle nett- og mobilapplikasjoner. Utviklere lager også nettleserspill ved hjelp av JavaScript.
Med økningen i etterspørselen etter JavaScript, øker også ressursene for å lære språket. Du kan lære det gjennom online tutorials, kurs eller til og med gjennom bøker. Men uansett hva ditt læringsmedium er, er det eneste som gjør deg til en ekspert å øve.