<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가 가르키는 것이 다름
애로우 펑션이랑 기존 함수랑 같은 게 아님