Hvad er JavaScript, og hvordan fungerer det?

JavaScript er blevet en fast bestanddel i moderne webudvikling. Dette kraftfulde sprog har udviklet sig til et vigtigt værktøj for enhver webudvikler at forstå.

JavaScript har særlige funktioner, der gør det anderledes end traditionelle programmeringssprog. Vi vil grave i hvad det er, hvordan det fungerer, og hvad du kan gøre med det. Lad os bryde det ned.

Hvad er JavaScript?

JavaScript er et scriptsprog til internettet. Det er et fortolket sprog, hvilket betyder, at det ikke behøver en kompilator for at oversætte sin kode som C eller C ++. JavaScript -kode kører direkte i en webbrowser.

Den seneste version af sproget er ECMAScript 2018, der blev udgivet i juni 2018.

hvordan gør du portrættilstand på iphone 7

JavaScript fungerer med HTML og CSS til at bygge webapps eller websider. JavaScript understøttes af de fleste moderne webbrowsere som Google Chrome, Firefox, Safari, Microsoft Edge, Opera osv. De fleste mobile browsere til Android og iPhone understøtter nu også JavaScript.

JavaScript styrer de dynamiske elementer på websider. Det fungerer i webbrowsere og for nylig også på webservere. Application Programming Interfaces (API) understøttes også af JavaScript, hvilket giver dig mere funktionalitet.

Det er lidt lettere at forstå alle de måder, JavaScript fungerer på, når du forstår, hvordan webprogrammering fungerer, så lad os lære mere.

Byggeblokke til webapps

Der er tre komponenter, der bygger websteder og apps: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) og JavaScript. Hver enkelt har en rolle i oprettelsen af en webapp.

HTML er et markup -sprog, der skaber websidens skelet. Alle afsnit, sektioner, billeder, overskrifter og tekst er skrevet i HTML. Indholdet vises på webstedet i den rækkefølge, de er skrevet i HTML.
CSS styrer stilen og de yderligere aspekter af layoutet. CSS bruges til at oprette webstedets design, der skaber farver, skrifttyper, kolonner, grænser osv. Det tager webstedet fra almindelige tekstelementer til farverige designs.
Det tredje element er JavaScript. HTML og CSS skaber strukturen, men de gør ikke noget derfra. JavaScript opretter dynamisk aktivitet i din app. Scripting i JavaScript er det, der styrer funktioner, når der klikkes på knapper, hvordan adgangskodeformularer godkendes, hvordan medier styres.

Alle tre dele arbejder i harmoni med hinanden for at oprette apps i fuld skala. Det ville være en god idé at lære mere om HTML og CSS, hvis du ikke er helt fortrolig med dem.

Hvordan fungerer JavaScript?

Inden du skriver JavaScript, er det vigtigt at vide, hvordan det fungerer under emhætten. Der er to vigtige stykker at lære om: Sådan fungerer webbrowseren og Document Object Model (DOM).

Webbrowseren indlæser en webside, analyserer HTML og opretter en såkaldt Document Object Model (DOM) ud fra indholdet. DOM præsenterer en livevisning af websiden til din JavaScript -kode.

Browseren griber derefter alt, der er knyttet til HTML, som billeder og CSS -filer. CSS -oplysningerne kommer fra CSS -parseren.

HTML og CSS sammensættes af DOM for først at oprette websiden. Derefter indlæser browsernes JavaScript -motor JavaScript -filer og inline -kode, men kører ikke koden med det samme. Det venter på, at HTML og CSS er færdige med at indlæse.

Når dette er gjort, udføres JavaScript i den rækkefølge koden skrives. Dette resulterer i, at DOM opdateres med JavaScript -kode og gengives af browseren.

Rækkefølgen her er vigtig. Hvis JavaScript ikke ventede på, at HTML og CSS var færdige, ville det ikke være i stand til at ændre DOM -elementerne.

Hvad kan jeg gøre med JavaScript?

JavaScript er et fuldgyldigt programmeringssprog, der kan de fleste ting, som et almindeligt sprog som Python kan. Disse omfatter:

hvordan man installerer mac os x på vmware

Deklarere variabler.
Lagring og hentning af værdier.
Definere og påberåbe funktioner, herunder pilfunktioner .
Definere JavaScript -objekter og klasser.
Indlæser og bruger eksterne moduler.
Skriver begivenhedsbehandlere, der reagerer på klikbegivenheder.
Skrivning af serverkode.
Og meget mere.

Advarsel: Da JavaScript er et så stærkt sprog, er det også muligt at skrive malware, vira og browserhacks for at påføre brugerne dem. Disse spænder fra at stjæle browser -cookies, adgangskoder, kreditkort til at downloade vira på din computer.

Brug af JavaScript

Lad os se på nogle grundlæggende JavaScript med kodeeksempler.

Deklarere variabler

JavaScript er dynamisk skrevet, hvilket betyder, at du ikke behøver at angive typen af dine variabler i din kode.

let num = 5;  
let myString = 'Hello';  
var interestRate = 0.25;

Operatører

Tilføjelse

12 + 5  
>> 17

Subtraktion

20 - 8  
>> 12

Multiplikation

5 * 2  
>> 10

Division

50 / 2  
>> 25

Modul

45 % 4  
>> 1

Arrays

let myArray = [1,2,4,5];  
let stringArray = ['hello','world'];

Funktioner

JavaScript kan skrive funktioner, her er en simpel funktion, der tilføjer tal.

youtube hvordan man sender en besked

function addNumbers(num1,num2){  
return num1 + num2;  
}  
>> addNumbers(10,5);  
>> 15

Sløjfer

JavaScript kan udføre sløjfer til iteration, sløjfer som til sløjfer og mens sløjfer.

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 mest almindelige måde at indlæse JavaScript på en webside er at bruge manuskript HTML -tag. Afhængigt af dine krav kan du bruge en af følgende metoder.

Indlæs en ekstern JavaScript -fil på en webside som følger: | _+_ |
Du kan angive den fulde URL, hvis javascriptet er fra et andet domæne fra websiden som følger: | _+_ |
JavaScript kan integreres direkte i HTML -koden. Her er en | _+_ |

Andre end disse metoder er der måder at indlæse JavaScript -kode på efter behov. Faktisk er der rammer dedikeret til at indlæse og køre JavaScript -moduler med korrekte afhængigheder løst på løbetid.

Det er mere avancerede emner, lige nu lærer du det grundlæggende.

Prøve JavaScript -kodeuddrag

Her er nogle enkle JavaScript -kodeeksempler for at illustrere, hvordan det bruges på websider. Dette er eksempler på kode, der fungerer med DOM.

Følgende vælger alle fremhævet elementer i dokumentet og sætter farven på den første til rød. | _+_ |
Vil du ændre billedet i en img tag? Følgende tilknytter en hændelseshandler til klik begivenhed af en knap. | _+_ |
Opdater tekstindholdet i et afsnit ( s. s ) element? Indstil indre HTML elementets egenskab som vist: | _+_ |

Disse kodeeksempler giver blot et indblik i, hvad du kan gøre ved hjælp af JavaScript på din webside. Der er masser af selvstudier, der kan lære dig, hvordan du koder for at komme i gang. Du kan prøve det på enhver webside, også denne! Åbn din konsol, og prøv en JavaScript -kode.

Nu ved du, hvad JavaScript gør

Forhåbentlig har denne introduktion bragt nogle indsigter i JavaScript og får dig til at blive begejstret for webprogrammering. Du kan sammenfatte det hele igen vores praktiske JavaScript -snydeblad . Der er meget mere at lære om JavaScript. Når du føler dig mere tryg, hvorfor ikke prøve at lære at bruge dokumentobjektmodellen? Du er muligvis også interesseret i at lære mere om TypeScript.

Del Del Tweet E -mail Sådan rengøres din Windows -pc ved hjælp af kommandoprompt

Hvis din Windows -pc er ved at løbe tør for lagerplads, skal du rydde op i skrammel ved hjælp af disse hurtige kommandopromptværktøjer.

Læs Næste Relaterede emner

Teknologi forklaret
Programmering
Web-udvikling
JavaScript
Scripting

Om forfatteren Anthony Grant(40 artikler udgivet)

Anthony Grant er freelance skribent om programmering og software. Han er en datalogi med stor fokus på programmering, Excel, software og teknologi.

Mere fra Anthony Grant

Abonner på vores nyhedsbrev

Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!

Klik her for at abonnere