Front end: Context - lottekoblens/matching-application GitHub Wiki

JS concept of Context

Bij context wordt het trefwoord this gebruikt. Wanneer je this in de console in je browser aanroept met console.log(this); dan krijg je het gehele window object terug. This is voor nu namelijk gebonden aan de window, aangezien window eigenlijk het startpunt is van elke code die we schrijven.

this window

Wanneer je this dus aanroept in de context van een ander object, dan krijg je dat specifieke object terug.

const eenObject = { 
eenFunctie() { 
return this; 
}, 
eenAndereFunctie() { 
return “Ik besta ook in deze context” 
}
 }  

eenObject.eenFunctie()

Als je deze code runt dan krijg je het volgende in de terminal:

 => {eenFunctie: [Function: eenFunctie], eenAndereFunctie: [Function: eenAndereFunctie] }

Zowel de eerste als de tweede functie wordt dus gegeven en dat komt door this. This refereert dus naar het hele object waarin het staat en daarom wordt het hele object teruggegeven in de terminal. En zowel de eerste als de tweede functie staan in het object en daarom krijg je dus beide functies terug.

Bronnen:

Chisholm, K. (2021, 10 februari). What is the difference between scope and context in JavaScript. Geraadpleegd op 22 februari 2021, van https://blog.kevinchisholm.com/javascript/difference-between-scope-and-context/
Witkowski, M. (2020, 16 januari). The many faces of this in javascript - Pragmatists. Geraadpleegd op 22 februari 2021, van https://blog.pragmatists.com/the-many-faces-of-this-in-javascript-5f8be40df52e#:%7E:text=Context%20in%20JavaScript%20is%20related,how%20a%20function%20is%20invoked.
Gupta, D. (2019, 26 december). Understanding Javascript ‘this’ keyword (Context) - Towards Data Science. Geraadpleegd op 22 februari 2021, van https://towardsdatascience.com/javascript-context-this-keyword-9a78a19d5786