Kontekst parameetri kaudu JavaScriptis

On olemas ka teine lahendus. Teeme nii, et funktsioon child võtaks vastu parameetri:

javascriptfunction child(param) {
  // siin on kood
}

Ja selle funktsiooni kutsumisel anname sellele ette this:

javascriptfunction parent() {
  child(this); // edastame this parameetrina
  
  function child(param) {
    // muutujas param on edastatud this-i sisu
  }
}

Kuna child kutsumine toimub vanemfunktsioonis, siis edastatav this viitab sellele, mida vaja. Seejärel see this satub parameetrisse param ja sellisel kujul on see funktsiooni sees kättesaadav.

Siin on lõplik kood:

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

function parent() {
  child(this); // edastame this parameetrina
  
  function child(param) {
    console.log(param.value); // väljastame inputi value
  }
}