Een programma

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.

Statements

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

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.

Spaties

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?";
}

Keywords

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.