JavaScript har blitt en stift i moderne webutvikling. Dette kraftfulle språket har utviklet seg til et viktig verktøy for enhver webutvikler å forstå.
JavaScript har spesielle funksjoner som gjør det annerledes enn tradisjonelle programmeringsspråk. Vi skal grave nærmere på hva det er, hvordan det fungerer, og hva du kan gjøre med det. La oss bryte det ned.
Hva er JavaScript?
JavaScript er et skriptspråk for nettet. Det er et tolket språk, noe som betyr at det ikke trenger en kompilator for å oversette koden som C eller C ++. JavaScript -kode kjøres direkte i en nettleser.
Den siste versjonen av språket er ECMAScript 2018 som ble utgitt i juni 2018.
hvordan flytte google drive til en annen stasjon
JavaScript fungerer med HTML og CSS for å bygge webapper eller websider. JavaScript støttes av de fleste moderne nettlesere som Google Chrome, Firefox, Safari, Microsoft Edge, Opera, etc. De fleste mobile nettlesere for Android og iPhone støtter nå også JavaScript.
JavaScript styrer de dynamiske elementene på websider. Det fungerer i nettlesere og, nylig, også på webservere. Application Programming Interfaces (API) støttes også av JavaScript, noe som gir deg mer funksjonalitet.
Å forstå alle måtene JavaScript fungerer på er litt lettere når du forstår hvordan webprogrammering fungerer, så la oss lære mer.
Byggeblokker for web -apper
Det er tre komponenter som bygger nettsteder og apper: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) og JavaScript. Hver og en har en rolle i å lage en webapp.
- HTML er et markeringsspråk som skaper skjelettet til nettsiden. Alle avsnitt, seksjoner, bilder, overskrifter og tekst er skrevet i HTML. Innholdet vises på nettstedet i den rekkefølgen de er skrevet i HTML.
- CSS styrer stilen og tilleggsaspektene ved oppsettet. CSS brukes til å lage utformingen av nettstedet og lage farger, fonter, kolonner, grenser, etc. Det tar nettstedet fra enkle tekstelementer til fargerike design.
- Det tredje elementet er JavaScript. HTML og CSS lager strukturen, men de gjør ingenting derfra. JavaScript skaper dynamisk aktivitet i appen din. Scripting i JavaScript er det som styrer funksjoner når du klikker på knapper, hvordan passordskjemaer autentiseres, hvordan medier kontrolleres.
Alle tre delene fungerer i harmoni med hverandre for å lage apper i full skala. Det ville være en god idé å lære mer om HTML og CSS hvis du ikke er helt komfortabel med dem.
Hvordan fungerer JavaScript?
Før du skriver JavaScript er det viktig å vite hvordan det fungerer under panseret. Det er to viktige deler å lære om: Hvordan nettleseren fungerer, og Document Object Model (DOM).
Nettleseren laster inn en webside, analyserer HTML -koden og lager det som kalles en Document Object Model (DOM) fra innholdet. DOM presenterer en direkte visning av nettstedet til JavaScript -koden din.
Nettleseren vil deretter ta tak i alt som er knyttet til HTML, som bilder og CSS -filer. CSS -informasjonen kommer fra CSS -analysatoren.
HTML og CSS er satt sammen av DOM for å opprette websiden først. Deretter laster nettleserens JavaScript -motor JavaScript -filer og innebygd kode, men kjører ikke koden umiddelbart. Den venter på at HTML og CSS er ferdig lastet.
Når dette er gjort, kjøres JavaScript i den rekkefølgen koden skrives. Dette resulterer i at DOM oppdateres med JavaScript -kode og gjengis av nettleseren.
Rekkefølgen her er viktig. Hvis JavaScript ikke ventet på at HTML og CSS skulle fullføres, ville det ikke være i stand til å endre DOM -elementene.
Hva kan jeg gjøre med JavaScript?
JavaScript er et fullverdig programmeringsspråk som kan gjøre det meste et vanlig språk som Python kan. Disse inkluderer:
hvordan du kan forbedre nedlasting av damp
- Deklarere variabler.
- Lagre og hente verdier.
- Definere og påkalle funksjoner, inkludert pilfunksjoner .
- Definere JavaScript -objekter og klasser.
- Lasting og bruk av eksterne moduler.
- Skriver hendelsesbehandlere som svarer på klikkhendelser.
- Skriver serverkode.
- Og mye mer.
Advarsel: Siden JavaScript er et så kraftig språk, er det også mulig å skrive skadelig programvare, virus og nettleserhack for å påføre brukerne dem. Disse spenner fra å stjele nettleserkaker, passord, kredittkort til nedlasting av virus til datamaskinen din.
Bruker JavaScript
La oss se på noen grunnleggende JavaScript med kodeeksempler.
Deklarere variabler
JavaScript er dynamisk skrevet, noe som betyr at du ikke trenger å angi typen variabler i koden.
let num = 5;
let myString = 'Hello';
var interestRate = 0.25;
Operatører
Addisjon
12 + 5
>> 17
Subtraksjon
20 - 8
>> 12
Multiplikasjon
5 * 2
>> 10
Inndeling
50 / 2
>> 25
Modul
45 % 4
>> 1
Matriser
let myArray = [1,2,4,5];
let stringArray = ['hello','world'];
Funksjoner
JavaScript kan skrive funksjoner, her er en enkel funksjon som legger til tall.
finn navnet på mobiltelefoneieren
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15
Sløyfer
JavaScript kan utføre sløyfer for iterasjon, sløyfer som for sløyfer og mens sløyfer.
for(let i = 0; i <3; i++){
console.log('echo!');
}
>> echo!
>> echo!
>> echo!
let i = 0;
while(i <3) {
console.log('echo!');
i++;
}
>> echo!
>> echo!
>> echo!
Kommentarer
// Writing a comment
/*Writing a multi-line comment
You can use as many lines as you like
to break up text and make comments more readable
*/
På en webside
Den vanligste måten å laste JavaScript til på en webside er å bruke manus HTML -tag. Avhengig av dine krav, kan du bruke en av følgende metoder.
- Last inn en ekstern JavaScript -fil på en webside som følger: | _+_ |
- Du kan angi den fullstendige URL -adressen hvis JavaScript er fra et annet domene enn websiden som følger: | _+_ |
- JavaScript kan integreres direkte i HTML -koden. Her er en | _+_ |
Andre enn disse metodene er det måter å laste JavaScript -kode på forespørsel. Faktisk er det rammer dedikert til å laste og kjøre JavaScript -moduler med riktige avhengigheter løst ved kjøretid.
Det er mer avanserte emner, akkurat nå lærer du det grunnleggende.
Eksempel på JavaScript -kodebiter
Her er noen enkle JavaScript -kodeeksempler for å illustrere hvordan den brukes på websider. Dette er eksempler på kode som fungerer med DOM.
- Følgende velger alle modig elementene i dokumentet og setter fargen på den første til rød. | _+_ |
- Vil du endre bildet i en img stikkord? Følgende knytter en hendelsesbehandler til klikk hendelse av en knapp. | _+_ |
- Oppdater tekstinnholdet i et avsnitt ( s ) element? Sett indre HTML egenskapen til elementet som vist: | _+_ |
Disse kodeeksemplene gir bare et innblikk i hva du kan gjøre ved å bruke JavaScript på nettsiden din. Det er mange opplæringsprogrammer som kan lære deg hvordan du koder for å komme i gang. Du kan prøve den på hvilken som helst nettside, også denne! Åpne konsollen din og prøv en JavaScript -kode.
Nå vet du hva JavaScript gjør
Forhåpentligvis har denne introduksjonen gitt litt innsikt i JavaScript og gjør deg begeistret for webprogrammering. Du kan skrive det hele sammen igjen vårt praktiske JavaScript -jukseark . Det er mye mer å lære om JavaScript. Når du føler deg mer komfortabel, hvorfor ikke prøve å lære å bruke dokumentobjektmodellen? Du vil kanskje også være interessert i å lære om TypeScript.
Dele Dele kvitring E -post Slik rengjør du Windows -PC -en ved hjelp av kommandopromptHvis det er lite lagringsplass på Windows -PC -en, kan du rydde opp i søppelet med disse raske kommandoprompt -verktøyene.
Les neste Relaterte temaer- Teknologi forklart
- Programmering
- Webutvikling
- JavaScript
- Scripting
Anthony Grant er frilansskribent som dekker programmering og programvare. Han er en datavitenskap som jobber med programmering, Excel, programvare og teknologi.
Mer fra Anthony GrantAbonner på vårt nyhetsbrev
Bli med i vårt nyhetsbrev for tekniske tips, anmeldelser, gratis ebøker og eksklusive tilbud!
Klikk her for å abonnere