Contexto através de função de seta em JavaScript

A terceira solução para o problema está no uso de funções de seta, que são uma adição relativamente recente ao JavaScript. Essas funções, entre outras coisas, não possuem seu próprio contexto, mas preservam o contexto do elemento pai. Vamos corrigir nosso problema usando uma função de seta:

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

function parent() {
  console.log(this.value); // exibirá 'text'
  
  let child = () => {
    console.log(this.value); // exibirá 'text'
  }
  child();
}