function일때 this
- click시 "click!!" 문구가 찍힘
function키워드 함수에서의 this는 해당 function레벨의 this를 가르킴
function -> function 중첩되어있을때 각 function안의 this는 서로 다름.
<body>
<button class="btn">click!!</button>
<script>
document.querySelector(".btn").addEventListener("click", function () {
console.log(this.textContent);
});
</script>
</body>arrow function일때 this
- click시 undefined
<body>
<button class="btn">click!!</button>
<script>
document
.querySelector(".btn")
.addEventListener("click", () => console.log(this.textContent));
</script>
</body>
프론트엔드개발