<textarea id="A" rows="8" cols="40"></textarea>

<script>

document.getElementById('A').addEventListener('keyup',function () { console.log(this); })

document.getElementById('A').addEventListener('keyup',() =>{console.log(this)});

</script>

실행환경:크롬

결과

<button type="button" id="A">button</button> //노드

Window {external: Object, chrome: Object, document: document, speechSynthesis: SpeechSynthesis, caches: CacheStorage…} //윈도우 객체


서로 this가 가르키는 것이 다름