강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

ㅇㅇ님의 프로필 이미지
ㅇㅇ

작성한 질문수

웹 게임을 만들며 배우는 자바스크립트

가위바위보(이미지 스프라이트)

함수 질문

작성

·

176

0

document.querySelectorAll(".btn").forEach(btn => {
  btn.addEventListener("click", () => {
    console.log(this.textContent);
  });
});

위 코드에서 이벤트 콜백함수를 화살표 함수로 하면 콘솔에 undefined가 뜹니다.

그런데 강의처럼 function()으로 하면 가위, 바위, 보 모두 잘 뜹니다.

둘 다 같은건데 왜 결과가 다른건가요??

답변 1

3

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

둘이 다릅니다. 화살표 함수는 this를 외부에서 가져오고 펑션은 자신만의 this를 가집니다.

ㅇㅇ님의 프로필 이미지
ㅇㅇ

작성한 질문수

질문하기