Wat is JavaScript en hoe werkt het?

Wat is JavaScript en hoe werkt het?

JavaScript is een nietje geworden in moderne webontwikkeling. Deze krachtige taal is uitgegroeid tot een essentieel hulpmiddel voor elke webontwikkelaar om te begrijpen.





JavaScript heeft speciale functies die het anders maken dan traditionele programmeertalen. We gaan dieper in op wat het is, hoe het werkt en wat je ermee kunt doen. Laten we het opsplitsen.



Wat is JavaScript?

JavaScript is een scripttaal voor het web. Het is een geïnterpreteerde taal, wat betekent dat het geen compiler nodig heeft om zijn code zoals C of C++ te vertalen. JavaScript-code wordt rechtstreeks in een webbrowser uitgevoerd.





De nieuwste versie van de taal is ECMAScript 2018 die in juni 2018 werd uitgebracht.

hoe een privébericht op youtube te sturen

JavaScript werkt met HTML en CSS om webapps of webpagina's te bouwen. JavaScript wordt ondersteund door de meeste moderne webbrowsers zoals Google Chrome, Firefox, Safari, Microsoft Edge, Opera, enz. De meeste mobiele browsers voor Android en iPhone ondersteunen nu ook JavaScript.



JavaScript bestuurt de dynamische elementen van webpagina's. Het werkt in webbrowsers en, meer recentelijk, ook op webservers. Application Programming Interfaces (API) worden ook ondersteund door JavaScript, waardoor u meer functionaliteit krijgt.

Het begrijpen van alle manieren waarop JavaScript werkt, is een beetje gemakkelijker als u begrijpt hoe webprogrammering werkt, dus laten we meer leren.



Bouwstenen voor webapps

Er zijn drie componenten die websites en apps bouwen: Hypertext Markup Language (HTML), Cascading Style Sheets (CSS) en JavaScript. Elk heeft een rol bij het maken van een web-app.

  • HTML is een opmaaktaal die het skelet van de webpagina creëert. Alle paragrafen, secties, afbeeldingen, koppen en tekst zijn geschreven in HTML. De inhoud verschijnt op de website in de volgorde waarin ze in HTML zijn geschreven.
  • CSS regelt de stijl en de aanvullende aspecten van de lay-out. CSS wordt gebruikt om het ontwerp van de website te maken, waarbij de kleuren, lettertypen, kolommen, randen, enz. worden gemaakt. Het brengt de website van platte tekstelementen naar kleurrijke ontwerpen.
  • Het derde element is: JavaScript. HTML en CSS creëren de structuur, maar vanaf daar doen ze niets. JavaScript zorgt voor dynamische activiteit op uw app. Scripting in JavaScript is wat de functies bestuurt wanneer er op knoppen wordt geklikt, hoe wachtwoordformulieren worden geverifieerd, hoe media worden beheerd.

Alle drie de delen werken in harmonie met elkaar om volledige apps te maken. Het zou een goed idee zijn om meer te leren over HTML en CSS als je er niet helemaal vertrouwd mee bent.



Hoe werkt JavaScript?

Voordat JavaScript wordt geschreven, is het belangrijk om te weten hoe het onder de motorkap werkt. Er zijn twee belangrijke onderdelen om over te leren: hoe de webbrowser werkt en het Document Object Model (DOM).

De webbrowser laadt een webpagina, parseert de HTML en maakt van de inhoud een zogenaamd Document Object Model (DOM). De DOM presenteert een liveweergave van de webpagina aan uw JavaScript-code.

De browser pakt dan alles wat aan de HTML is gekoppeld, zoals afbeeldingen en CSS-bestanden. De CSS-informatie is afkomstig van de CSS-parser.

De HTML en CSS worden door de DOM samengesteld om eerst de webpagina te maken. Vervolgens laadt de JavaScript-engine van de browser JavaScript-bestanden en inline code, maar voert de code niet onmiddellijk uit. Het wacht tot de HTML en CSS zijn geladen.

Zodra dit is gebeurd, wordt het JavaScript uitgevoerd in de volgorde waarin de code is geschreven. Dit resulteert erin dat de DOM wordt bijgewerkt door JavaScript-code en weergegeven door de browser.

De volgorde is hier belangrijk. Als JavaScript niet zou wachten tot de HTML en CSS klaar waren, zou het de DOM-elementen niet kunnen wijzigen.

Wat kan ik doen met JavaScript?

JavaScript is een volwaardige programmeertaal die de meeste dingen kan die een gewone taal zoals Python kan doen. Waaronder:

bestand is geopend in Windows Verkenner
  • Variabelen declareren.
  • Waarden opslaan en ophalen.
  • Functies definiëren en oproepen, waaronder: pijl functies .
  • JavaScript-objecten en klassen definiëren.
  • Externe modules laden en gebruiken.
  • Gebeurtenishandlers schrijven die reageren op klikgebeurtenissen.
  • Servercode schrijven.
  • En nog veel meer.

Waarschuwing: Omdat JavaScript zo'n krachtige taal is, is het ook mogelijk om malware, virussen en browserhacks te schrijven om ze aan de gebruikers toe te brengen. Deze variëren van het stelen van browsercookies, wachtwoorden, creditcards tot het downloaden van virussen op uw computer.

JavaScript gebruiken

Laten we eens kijken naar enkele basisprincipes van JavaScript met codevoorbeelden.

Variabelen declareren

JavaScript wordt dynamisch getypt, wat betekent dat u het type van uw variabelen niet in uw code hoeft te declareren.

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

Operators

Toevoeging

12 + 5
>> 17

aftrekken

20 - 8
>> 12

Vermenigvuldiging

5 * 2
>> 10

Afdeling

50 / 2
>> 25

Modulus

45 % 4
>> 1

Arrays

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

Functies

JavaScript kan functies schrijven, hier is een eenvoudige functie die getallen toevoegt.

welke browser werkt met windows xp
function addNumbers(num1,num2){
return num1 + num2;
}
>> addNumbers(10,5);
>> 15

Lussen

JavaScript kan lussen uitvoeren voor iteratie, lussen zoals voor lussen en terwijl lussen.

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!

Opmerkingen

// 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
*/

Op een webpagina

De meest gebruikelijke manier om JavaScript in een webpagina te laden, is door de script HTML-tag. Afhankelijk van uw wensen kunt u een van de volgende methoden gebruiken.

  • Laad als volgt een extern JavaScript-bestand in een webpagina: |__+_|
  • U kunt als volgt de volledige URL specificeren als het javascript van een ander domein is dan de webpagina: |_+_|
  • JavaScript kan direct worden ingesloten in de HTML. Hier is een |__+_|

Afgezien van deze methoden zijn er manieren om JavaScript-code op aanvraag te laden. In feite zijn er frameworks gewijd aan het laden en uitvoeren van JavaScript-modules met de juiste afhankelijkheden die tijdens runtime worden opgelost.

Dat zijn meer geavanceerde onderwerpen, nu leer je de basis.

Voorbeeld JavaScript-codefragmenten

Hier zijn enkele eenvoudige JavaScript-codevoorbeelden om te illustreren hoe het op webpagina's wordt gebruikt. Dit zijn voorbeelden van code die werken met de DOM.

  • Het volgende selecteert alles stoutmoedig elementen in het document en stelt de kleur van de eerste in op rood. |__+_|
  • Wilt u de afbeelding wijzigen in een img label? De volgende associeert een gebeurtenishandler voor de Klik gebeurtenis van een knop. |__+_|
  • Werk de tekstinhoud van een alinea bij ( P ) element? Stel de innerlijkeHTML eigenschap van het element zoals weergegeven: |_+_|

Deze codevoorbeelden bieden slechts een glimp van wat u kunt doen met JavaScript op uw webpagina. Er zijn tal van tutorials die u kunnen leren coderen om u op weg te helpen. Je kunt het op elke webpagina uitproberen, zelfs deze! Open uw console en probeer wat JavaScript-code uit.

Nu weet je wat JavaScript doet

Hopelijk heeft deze introductie wat inzicht gegeven in JavaScript en je enthousiast gemaakt over webprogrammering. Je kunt het allemaal samenvatten in onze handige JavaScript-spiekbrief . Er valt nog veel meer te leren over JavaScript. Als u zich eenmaal meer op uw gemak voelt, waarom probeert u dan niet om het Document Object Model te leren gebruiken? Mogelijk bent u ook geïnteresseerd in het leren over TypeScript.

Deel Deel Tweeten E-mail Uw Windows-pc opschonen met de opdrachtprompt

Als uw Windows-pc weinig opslagruimte heeft, ruim dan de rommel op met deze snelle opdrachtprompthulpprogramma's.

Lees volgende Gerelateerde onderwerpen
  • Technologie uitgelegd
  • Programmeren
  • Webontwikkeling
  • JavaScript
  • Scripting
Over de auteur Anthony Grant(40 artikelen gepubliceerd)

Anthony Grant is een freelance schrijver over programmering en software. Hij is een informatica-majoor die zich bezighoudt met programmeren, Excel, software en technologie.

Meer van Anthony Grant

Abonneer op onze nieuwsbrief

Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!

Klik hier om je te abonneren