• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 JavaScript, TS 게시판 선생님 this 연습문제 3번 질문 있습니다!

선생님 this 연습문제 3번 질문 있습니다!

5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 글쓴이
  • #79079

    이미래
    참가자
          document.getElementById("userBtn").addEventListener("click", function () {
            setTimeout(() => {
              console.log(this.innerHTML);
            }, 1000);
          });
    
    settimeout 안의 콜백 함수에 this를 쓰면 window로 정의 돼서 arrow function으로 쓰셨는데 
    arrow function은 this를 재정의 하지 않고 최상단의 window만 뱉어내는 걸로 이해해서..
    어째서 저기에 arrow function을 쓰면 this가 버튼이 되는 건지 이해를 못했습니다 ㅠㅠ
    #79146

    codingapple
    키 마스터
    화살표함수안에서 this쓰면 화살표함수 바깥에 정의된 this 그대로 가져와서 사용합니다
    #79170

    이미래
    참가자
    ㄱ감사합ㄴ디ㅏ!!
    #79172

    이미래
    참가자
    쓰앵님 그러면 
    선생님은 addEventListener 안에 this 를 주석 처리 하고 
    화살표 함수 안에서 this를 쓰셨는뎅
    굳이 addEventListener 안에서 this를 불러서 정의할 필ㅇ요는 없는걸까용?
    
    
     
    #79202

    codingapple
    키 마스터
    this가 원하는 값이 잘 나오면 굳이 바꿀이유는 없을듯요
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠