Waarden en console.log

console.log(2 + 3) drukt 5 af, maar console.log("2 + 3") drukt 2 + 3 af: de aanhalingstekens bepalen of JavaScript rekent of kopieert.

Alles waarmee een programma werkt is een waarde

Een programma verplaatst gegevens: prijzen, namen, scores en antwoorden op ja-neevragen. Elk afzonderlijk gegeven is een waarde. Het getal 42 is een waarde, de tekst "Seoul" is een waarde en het antwoord true ook. Elke waarde heeft een type, dat JavaScript vertelt wat voor iets het is en wat je ermee kunt doen. Je kunt twee getallen vermenigvuldigen, maar twee namen vermenigvuldigen is onzinnig, dus JavaScript moet het verschil kennen.

De basistypen

JavaScript heeft één type number voor gehele getallen en kommagetallen, dus 7 en 7.5 zijn allebei numbers. Een string is een reeks tekens tussen aanhalingstekens; enkele en dubbele aanhalingstekens werken allebei zolang beide uiteinden overeenkomen. Een boolean heeft maar twee mogelijke waarden, true en false, zonder aanhalingstekens. De laatste twee, undefined en null, betekenen allebei ‘hier is niets’. Je komt ze weer tegen als een variabele geen waarde heeft gekregen. De ECMAScript-standaard definieert ook BigInt en Symbol, die je in deze cursus niet nodig hebt.

Aanhalingstekens veranderen het type

De waarde 42 en de waarde "42" zien er afgedrukt hetzelfde uit, maar hebben verschillende typen. De eerste is een getal waarmee je kunt rekenen. De tweede is een string van de tekens 4 en 2. De operator typeof vertelt je het type van elke waarde en is een snelle manier om te controleren wat je hebt:

console.log(typeof 42);       // number
console.log(typeof "42");     // string
console.log(typeof true);     // boolean
console.log(typeof "true");   // string

Hetzelfde gebeurt bij berekeningen. Zonder aanhalingstekens rekent JavaScript eerst de uitdrukking uit en drukt het resultaat af. Met aanhalingstekens zijn de tekens tekst en worden ze precies afgedrukt zoals getypt:

console.log(2 + 3);     // 5
console.log("2 + 3");   // 2 + 3

Een stukje code dat een waarde oplevert, zoals 2 + 3 of typeof 42, heet een expressie. Telkens wanneer JavaScript een expressie tegenkomt, evalueert het die: het herleidt haar tot één waarde en gebruikt die waarde vervolgens. In console.log(2 + 3) wordt de expressie tot 5 geëvalueerd voordat console.log haar ooit ziet.

Meerdere waarden tegelijk afdrukken

console.log accepteert meer dan één waarde. Scheid ze met komma's en ze worden op één regel afgedrukt, met telkens één spatie ertussen:

console.log("Age:", 30);              // Age: 30
console.log("Sum:", 4 + 5, "units");  // Sum: 9 units

Dit is de eenvoudigste manier om je uitvoer tijdens het werken een label te geven. Waarden met een label afdrukken, zoals "Sum:" hierboven, is hoe programmeurs controleren wat een programma bij elke stap doet. Als iets zich vreemd gedraagt, is de eerste stap meestal een console.log toevoegen en kijken.

Uitgewerkte voorbeelden

Voorbeeld 1. console.log(10 - 4) drukt 6 af, omdat de expressie eerst wordt geëvalueerd. Voorbeeld 2. console.log("10 - 4") drukt 10 - 4 af, omdat het een string is. Voorbeeld 3. console.log(typeof "") drukt string af: twee aanhalingstekens met niets ertussen vormen nog steeds een string, de lege string. Voorbeeld 4. console.log(typeof 3.0) drukt number af; er is geen apart type voor kommagetallen.