Een computerprogramma is een lijst met "instructies" die door een computer moeten worden "uitgevoerd". In een programmeertaal worden deze programmeerinstructies statements genoemd. Een JavaScript-programma is een lijst met programmeerinstructies.
JavaScript-instructies zijn samengesteld uit: Values, Operators, Expressions, Keywords en Comments.
Het volgende statement vertelt de browser om "Hello World" te schrijven. in een HTML-element met id = "demo":
// Dit is een opmerking
document.getElementById("demo").innerHTML="Hello World.";
De meeste JavaScript-programma's bevatten veel JavaScript-instructies.
De statements worden één voor één uitgevoerd in dezelfde volgorde als waarin ze zijn geschreven.
<!DOCTYPE html>
<html>
<head>
<title>JavaScript</title>
<meta charset="utf-8">
</head>
<body>
<h2>Statements</h2>
<p>Een <b>JavaScript programma</b> is een lijst met <b>statements</b> die door een computer worden uitgevoerd.</p>
<p id="demo"></p>
<script>
var x, y, z; // Statement 1
x = 5; // Statement 2
y = 6; // Statement 3
z = x + y; // Statement 4
document.getElementById("demo").innerHTML = "The value of z is " + z + ".";
</script>
</body>
</html>
Puntkomma's scheiden JavaScript-instructies. Voeg een puntkomma toe aan het einde van elke uitvoerbare instructie:
var a, b, c; // Declareer 3 variabelen
a = 5; // Wijs de waarde 5 toe aan a
b = 6; // Wijs de waarde 6 toe aan b
c = a + b; // Wijs de som van a en b toe aan c
Je mag meerdere statements op één regel zetten als je ze met een puntkomma scheidt.
a = 5; b = 6; c = a + b;
Op internet ziet je vaak voorbeelden zonder puntkomma's. Het beëindigen van instructies met een puntkomma is niet vereist, maar wordt ten zeerste aanbevolen.
JavaScript negeert meerdere spaties. U kunt extra spaties aan uw script toevoegen om het leesbaarder te maken.
De volgende regels zijn voor JavaScript hetzelfde:
var person="Hege";
var person = "Hege";
Een goede gewoonte is om spaties rond operatoren te plaatsen (= + - * /):
var x = y + z;
Regellengte en regelonderbrekingen
Voor de beste leesbaarheid vermijden programmeurs vaak coderegels die langer zijn dan 80 tekens.
Als een JavaScript-instructie niet op één regel past, kun je deze het beste afbreken na een operator:
document.getElementById ("demo"). innerHTML =
"Hallo Dolly!";
Code Blokken
JavaScript-instructies kunnen worden gegroepeerd in codeblokken, tussen accolades {...}.
Het doel van codeblokken is om instructies te definiëren die samen moeten worden uitgevoerd.
Code blokken vind je bijvoorbeeld bij JavaScript-functies:
functie myFunction () {
document.getElementById ("demo1"). innerHTML = "Hallo Dolly!";
document.getElementById ("demo2"). innerHTML = "Hoe gaat het?";
}
JavaScript-instructies beginnen vaak met een keyword om aan te geven welke JavaScript-actie uitgevoerd moet worden.
Op https://www.w3schools.com/js/js_reserved.asp vind je een overzicht van alle gereserveerde JavaScript-keywords.
Hieronder staat een lijst met enkele van de keywords die je in deze module tegenkomt:
Keyword | beschrijving |
break | Beëindigt een schakelaar of een lus |
continue | Springt uit een lus en begint bovenaan |
debugger | Stopt de uitvoering van JavaScript en roept (indien beschikbaar) de foutopsporingsfunctie aan |
do...while | Voert een blok met instructies uit en herhaalt het blok, terwijl een voorwaarde waar is |
for | Markeert een blok met uit te voeren instructies, zolang een voorwaarde waar is |
function | Declareert een functie |
if...else | Markeert een blok met uit te voeren instructies, afhankelijk van een voorwaarde |
return | Sluit een functie af |
switch | Markeert een blok met uit te voeren instructies, afhankelijk van verschillende gevallen |
try...catch | Implementeert foutafhandeling in een blok met instructies |
var | Declareert een variabele |
JavaScript-keywords zijn gereserveerde woorden. Gereserveerde woorden kunnen niet worden gebruikt als namen voor variabelen.