Context binding via de apply methode in JavaScript
Laten we nu de methode apply
voor het binden van context bekijken. Het werkt vrijwel
hetzelfde als de methode call. Het verschil zit
erin dat bij apply de parameters worden doorgegeven
in de vorm van een array, in plaats van opgesomd te worden met komma's.
Afhankelijk van de taak kan de ene of de andere
methode handiger zijn.
Hier is een voorbeeld van het doorgeven van parameters aan de apply methode:
func.apply(elem, [param1, param2]);
Stel we hebben de volgende code:
<input id="elem" value="hello">
let elem = document.querySelector('#elem');
function func(surname, name) {
console.log(this.value + ', ' + surname + ' ' + name);
}
func(); // hier zou 'hello, John Smit' moeten verschijnen
Voeg in de laatste regel de methode apply
toe, zodat er 'hello,
John Smit' op het scherm wordt weergegeven. Het woord 'hello' moet
worden gehaald uit de value van de input, en 'John'
en 'Smit' moeten parameters van de functie zijn.