Context - MichaelChorak/projectTech GitHub Wiki

Goed om te weten

Zodra je je programma(script) start wordt er automatisch direct een JavaScript object gemaakt met een top-level omgeving genaamd Global Scope. Functies en variabelen krijgen hun eigen scope zodra je ze tussen {} zet.

//global Scope

function mijnScope() {
//eigen scope
 const getal =  10;
}

Context in JavaScript

'this' refereert naar het object dat de huidige functies aanroept. Dit kan lastig zijn, maar om het makkelijker te maken is het handig om te onthouden in welke scope je werkt, zodat je weet met welke objecten je werkt.

//voorbeeld
const dierObject = {
 geluid: 'Miauw'
 praten: function(){
  console.log(this.geluid)
  }
 }  
//log Miauw
dierObject.praten()

Zodra je een functie aanroept met een :, dan refereert 'this' naar het gene wat aan de linker kant van de ':' staat. In dit geval dus 'praten'.

'this' wordt dus gebruikt om het object te definiëren die te maken heeft met de huidige functie waar het in wordt gebruikt.

Bronnen