화살표 함수 this return시 값 에 관하여 질문 드립니다.

안녕하세요!

arrow 함수의 특징중 하나입니다.

일반 함수는 생성될때 this가 globa/window에 바인딩 되지만 arrow 함수의 경우 상위 this를 그대로 사용하게 됩니다. 다시 말해 this에 lexical scope가 적용됩니다. 그렇기때문에 arrow 함수를 최상위에 선언하면 최상위의 this와 같고 일반 함수 내부에 선언하면 바로 상위 함수의 this를 그대로 사용하게됩니다. 아래 예제를 참고해주세요!

const _this = this;

const runner = () => {
  return this;
};

console.log(_this === this);

const runner2 = function () {
  const __this = this;
  return () => {
    console.log(__this === this);
    console.log(__this === global);
  };
};

runner2()();

// true / true / true 출력

감사합니다!

이해하기 쉬운 설명과 예시 덕분에 이해했습니다! 감사합니다.

죄송하지만, 한가지 더 궁금한 점이 있습니다.

const _this = this;

console.log(_this);

제일 첫 번째 줄의 this 를 콘솔로 출력하면 결과가 {} 이 나옵니다.

여기서의 this 는 무엇을 의미 하나요?