Kontekst via parameter i JavaScript

Det finnes en annen løsning på problemet. La oss gjøre så funksjonen child aksepterer en parameter:

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

Og når vi kaller denne funksjonen, sender vi this inn i den:

javascriptfunction parent() {
  child(this); // sender this som en parameter
  
  function child(param) {
    // i variabelen param ligger det overførte innholdet av this
  }
}

Siden kallet til child utføres i den foreldrede funksjonen, peker den overførte this også på det som trengs. Deretter kommer denne this inn i parameteren param og vil være tilgjengelig inne i funksjonen i denne formen.

Her er den endelige koden:

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); // skriver ut value til input
  }
}