Kontekst via parameter i JavaScript

Der findes en anden løsning på problemet. Lad os gøre så funktionen child modtager en parameter:

javascriptfunction child(param) {
  // koden vil være her
}

Og når vi kalder denne funktion, vil vi videregive this til den som en parameter:

javascriptfunction parent() {
  child(this); // sender this som en parameter
  
  function child(param) {
    // variablen param indeholder det videregivne indhold af this
  }
}

Da kaldet til child udføres i den forældre funktion, peger den videregivne this også på det korrekte. Derefter kommer denne this ind i parameteren param og vil være tilgængelig inde i funktionen i denne form.

Her er den endelige kode:

javascriptlet elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);

function parent() {
  child(this); // sender this som en parameter
  
  function child(param) {
    console.log(param.value); // udskriver input's value
  }
}