JavaScript'te Parametre ile Bağlam

Problemin başka bir çözümü daha vardır. Şöyle yapalım: child fonksiyonu bir parametre alsın:

javascriptfunction child(param) {
  // burada kod olacak
}

Ve bu fonksiyonu çağırırken, ona this'ı parametre olarak geçirelim:

javascriptfunction parent() {
  child(this); // this'i parametre olarak geçiriyoruz
  
  function child(param) {
    // param değişkeninde iletilen this içeriği bulunur
  }
}

child çağrısı ebeveyn fonksiyonunda yapıldığı için, iletilen this de gerekeni işaret eder. Daha sonra bu this, param parametresine girer ve bu şekilde fonksiyon içinde erişilebilir olacaktır.

İşte son kod:

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

function parent() {
  child(this); // this'i parametre olarak geçiriyoruz
  
  function child(param) {
    console.log(param.value); // input'un value değerini yazdırıyoruz
  }
}