JavaScriptda parametr orqali kontekst

Muammoni hal qilishning boshqa usuli ham mavjud. Keling, child funktsiyasi parametr qabul qiladigan qilaylik:

javascriptfunction child(param) {
  // bu yerda kod bo'ladi
}

Va bu funktsiyani chaqirganimizda, unga this ni parametr sifatida uzatamiz:

javascriptfunction parent() {
  child(this); // this ni parametr sifatida uzatamiz
  
  function child(param) {
    // param o'zgaruvchisida uzatilgan this mazmuni yotadi
  }
}

child chaqiruvi ota funktsiyada amalga oshirilganligi sababli, uzatilayotgan this kerakli narsani ko'rsatadi. Keyin bu this param parametriga kiradi va shu shaklda funktsiya ichida mavjud bo'ladi.

Mana yakuniy kod:

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

function parent() {
  child(this); // this ni parametr sifatida uzatamiz
  
  function child(param) {
    console.log(param.value); // inputning value sini chiqaramiz
  }
}