JavaScriptにおけるアロー関数によるコンテキスト
3番目の解決策は、JavaScriptで比較的最近導入された アロー関数の使用にあります。 このような関数は、様々な利点に加えて、独自のコンテキストを持たず、 親のコンテキストを保持します。 アロー関数を使って私たちの問題を修正しましょう:
let elem = document.querySelector('#elem');
elem.addEventListener('blur', parent);
function parent() {
console.log(this.value); // 'text'を出力
let child = () => {
console.log(this.value); // 'text'を出力
}
child();
}
前のタスクのコードを使用し、学んだ3番目の方法を使って コードの問題を修正してください。