자바스크립트_함수표현식, 화살표함수

지원·2025년 9월 15일
0

웹프레임워크

목록 보기
2/3
post-thumbnail

화살표 함수로 5를 구현하는 함수 funcFunc1()를 구현하고 호출

    const funcFunc1 = () => {
      console.log(this);    // this === obj
    };
    funcFunc1();

화살표 함수는 스코프를 무시하기때문에 obj참조 가능

함수 표현식으로 5를 구현하는 함수 funcFunc2()를 구현하되, obj을 바인딩하고, 호출

    const funcFunc2 = function(){
      console.log(this);    // this === obj
    }.bind(obj); //함수 표현식에서 강제로 바인딩 시켜주면 obj 참조 가능
    funcFunc2();

setTimeout()의 callback에서 this 값 확인

callback은 함수 선언문으로 구현하고, timeout은 0으로 지정

    setTimeout(function(){
      console.log(this);    // this === Window
    }, 0);

setTimeout()의 callback에서 this 값 확인

callback은 화살표 함수로 구현하고, timeout은 0으로 지정

   setTimeout(() => {
     console.log(this);    // this === obj
   }, 0);
   //화살표함수는 스코프 무시

0개의 댓글