Kontekst przez parametr w JavaScript

Istnieje inne rozwiązanie problemu. Sprawmy, aby funkcja child przyjmowała parametr:

javascriptfunction child(param) {
  // tutaj będzie kod
}

A przy wywołaniu tej funkcji będziemy przekazywać do niej this:

javascriptfunction parent() {
  child(this); // przekazujemy this jako parametr
  
  function child(param) {
    // w zmiennej param znajduje się przekazana zawartość this
  }
}

Ponieważ wywołanie child odbywa się w funkcji rodzica, to przekazywany this wskazuje na to, co trzeba. Następnie ten this trafia do parametru param i w takiej formie będzie dostępny wewnątrz funkcji.

Oto ostateczny kod:

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

function parent() {
  child(this); // przekazujemy this jako parametr
  
  function child(param) {
    console.log(param.value); // wyświetlamy value inputa
  }
}