JavaScriptにおけるアロー関数によるコンテキスト

3番目の解決策は、JavaScriptで比較的最近導入された アロー関数の使用にあります。 このような関数は、様々な利点に加えて、独自のコンテキストを持たず、 親のコンテキストを保持します。 アロー関数を使って私たちの問題を修正しましょう：

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

function parent() {
  console.log(this.value); // 'text'を出力
  
  let child = () => {
    console.log(this.value); // 'text'を出力
  }
  child();
}