Vad är JavaScript och hur fungerar det?

Vad är JavaScript och hur fungerar det?

JavaScript har blivit en stapelvara i modern webbutveckling. Detta kraftfulla språk har utvecklats till ett viktigt verktyg för alla webbutvecklare att förstå.





JavaScript har speciella funktioner som gör det annorlunda än traditionella programmeringsspråk. Vi ska gräva i vad det är, hur det fungerar och vad du kan göra med det. Låt oss bryta ner det.



Vad är JavaScript?

JavaScript är ett skriptspråk för webben. Det är ett tolkat språk, vilket betyder att det inte behöver en kompilator för att översätta koden som C eller C ++. JavaScript -koden körs direkt i en webbläsare.





Den senaste versionen av språket är ECMAScript 2018 som släpptes i juni 2018.

facebook messenger hackade hur man fixar

JavaScript fungerar med HTML och CSS för att bygga webbappar eller webbsidor. JavaScript stöds av de flesta moderna webbläsare som Google Chrome, Firefox, Safari, Microsoft Edge, Opera, etc. De flesta mobila webbläsare för Android och iPhone stöder nu också JavaScript.



JavaScript styr de dynamiska elementen på webbsidor. Det fungerar i webbläsare och på senare tid också på webbservrar. Application Programming Interfaces (API) stöds också av JavaScript, vilket ger dig mer funktionalitet.

Att förstå alla sätt JavaScript fungerar är lite lättare när du förstår hur webbprogrammering fungerar, så låt oss lära oss mer.



Byggstenar för webbappar

Det finns tre komponenter som bygger webbplatser och appar: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) och JavaScript. Var och en har en roll i att skapa en webbapp.

  • HTML är ett markeringsspråk som skapar webbsidans skelett. Alla stycken, avsnitt, bilder, rubriker och text är skrivna i HTML. Innehållet visas på webbplatsen i den ordning de skrivs i HTML.
  • CSS styr stilen och de ytterligare aspekterna av layouten. CSS används för att skapa design av webbplatsen skapa färger, teckensnitt, kolumner, ramar, etc. Det tar webbplatsen från vanliga textelement till färgglada mönster.
  • Det tredje elementet är JavaScript. HTML och CSS skapar strukturen, men de gör ingenting därifrån. JavaScript skapar dynamisk aktivitet i din app. Scripting i JavaScript är vad som styr funktioner när knappar klickas, hur lösenordsformulär verifieras, hur media styrs.

Alla tre delarna fungerar i harmoni med varandra för att skapa fullskaliga appar. Det skulle vara en bra idé att lära sig mer om HTML och CSS om du inte är helt bekväm med dem.



Hur fungerar JavaScript?

Innan du skriver JavaScript är det viktigt att veta hur det fungerar under huven. Det finns två viktiga delar att lära sig om: Hur webbläsaren fungerar och Document Object Model (DOM).

Webbläsaren läser in en webbsida, analyserar HTML -koden och skapar en så kallad Document Object Model (DOM) från innehållet. DOM presenterar en livevisning av webbsidan till din JavaScript -kod.

Webbläsaren hämtar sedan allt som är kopplat till HTML, till exempel bilder och CSS -filer. CSS -informationen kommer från CSS -parsern.

HTML och CSS sätts ihop av DOM för att skapa webbsidan först. Sedan laddar webbläsarens JavaScript -motor JavaScript -filer och inline -kod men kör inte koden direkt. Den väntar på att HTML och CSS ska slutföra laddningen.

När detta är gjort körs JavaScript i den ordning koden skrivs. Detta resulterar i att DOM uppdateras med JavaScript -kod och återges av webbläsaren.

Ordningen här är viktig. Om JavaScript inte väntade på att HTML och CSS skulle slutföras skulle det inte kunna ändra DOM -elementen.

Vad kan jag göra med JavaScript?

JavaScript är ett fullvärdigt programmeringsspråk som kan göra de flesta saker som ett vanligt språk som Python kan. Dessa inkluderar:

xbox one x vs serie x
  • Förklarande variabler.
  • Lagra och hämta värden.
  • Definiera och åberopa funktioner, inklusive pilfunktioner .
  • Definiera JavaScript -objekt och klasser.
  • Laddar och använder externa moduler.
  • Skriva händelsehanterare som svarar på klickhändelser.
  • Skriva serverkod.
  • Och mycket mer.

Varning: Eftersom JavaScript är ett så kraftfullt språk är det också möjligt att skriva skadlig kod, virus och webbläsarhackar för att påverka användarna. Dessa sträcker sig från att stjäla webbläsarkakor, lösenord, kreditkort till nedladdning av virus till din dator.

Använda JavaScript

Låt oss titta på några grundläggande JavaScript med kodexempel.

Förklarande variabler

JavaScript skrivs dynamiskt, vilket innebär att du inte behöver deklarera typen av dina variabler i din kod.

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

Operatörer

Tillägg

12 + 5
>> 17

Subtraktion

20 - 8
>> 12

Multiplikation

5 * 2
>> 10

Division

50 / 2
>> 25

Modul

45 % 4
>> 1

Matriser

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

Funktioner

JavaScript kan skriva funktioner, här är en enkel funktion som lägger till siffror.

vad betyder länkad kommentar i youtube
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Slingor

JavaScript kan utföra loopar för iteration, slingor som för slingor och medan slingor.

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 webbsida

Det vanligaste sättet att ladda JavaScript på en webbsida är att använda manus HTML -tagg. Beroende på dina krav kan du använda en av följande metoder.

  • Ladda en extern JavaScript -fil till en webbsida enligt följande: | _+_ |
  • Du kan ange hela URL: en om JavaScript kommer från en annan domän än webbsidan enligt följande: | _+_ |
  • JavaScript kan integreras direkt i HTML -koden. Här är en | _+_ |

Andra än dessa metoder finns det sätt att ladda JavaScript -kod på begäran. Faktum är att det finns ramar som är dedikerade till att ladda och köra JavaScript -moduler med korrekta beroenden som löses vid körning.

Det är mer avancerade ämnen, just nu lär du dig grunderna.

Exempel på JavaScript -kodavsnitt

Här är några enkla JavaScript -kodprover för att illustrera hur det används på webbsidor. Detta är exempel på kod som fungerar med DOM.

  • Följande väljer alla djärv element i dokumentet och sätter färgen på den första till röd. | _+_ |
  • Vill du ändra bilden i en img märka? Följande kopplar en händelsehanterare till klick händelse av en knapp. | _+_ |
  • Uppdatera textinnehållet i ett stycke ( sid ) element? Ställ in innerHTML elementets egenskap enligt bilden: | _+_ |

Dessa kodprover ger bara en inblick i vad du kan göra med JavaScript på din webbsida. Det finns gott om självstudier som kan lära dig hur du kodar för att komma igång. Du kan prova det på vilken webbsida som helst, även den här! Öppna din konsol och testa lite JavaScript -kod.

Nu vet du vad JavaScript gör

Förhoppningsvis har denna introduktion gett lite insikter i JavaScript och gör dig upphetsad över webbprogrammering. Du kan sammanfatta allt vårt praktiska JavaScript -fuskblad . Det finns mycket mer att lära om JavaScript. När du känner dig mer bekväm, varför inte försöka lära dig hur du använder dokumentobjektmodellen? Du kanske också är intresserad av att lära dig om TypeScript.

Dela med sig Dela med sig Tweet E-post Hur du rengör din Windows -dator med kommandotolken

Om din Windows -dator har slut på lagringsutrymme, rensa bort skräpet med dessa snabba kommandotolken.

Läs Nästa Relaterade ämnen
  • Teknik förklaras
  • Programmering
  • Webbutveckling
  • JavaScript
  • Scripting
Om författaren Anthony Grant(40 artiklar publicerade)

Anthony Grant är frilansande skribent som täcker programmering och programvara. Han är en datavetenskap som är inriktad på programmering, Excel, programvara och teknik.

Mer från Anthony Grant

Prenumerera på vårt nyhetsbrev

Gå med i vårt nyhetsbrev för tekniska tips, recensioner, gratis e -böcker och exklusiva erbjudanden!

Klicka här för att prenumerera