내가 내린 결론

일반 함수

<aside> 👍🏻 호출한 위치에 따라 내부 this가 변함

</aside>

• 일반 함수는 함수를 호출할 때 위치에 따라서 내부의 this값이 변한다

  

  오브젝트1

화살표 함수

<aside> 👍🏻 선언시 상위 스코프의 this를 갖기에 this가 변하지 않는다.

</aside>

• 호이스팅 안됨 = 변수 취급이어서 undefined 로 나옴
• 화살표 함수에서는 함수를 선언할 때 this에 바인딩할 객체가 정적으로 결정된다.

  • 일반 함수와 달리 언제나 상위 스코프의 this를 가리킨다. 이를 Lexical this라고 한다.

  • 근데 arrow function은 어디서 쓰든간에 내부의 this 값을 변화시키지 않습니다.

    

    window

사용법

const sum = (a, b) => a + b;

const sum = (a, b) => {
	return a +b;
}

장점

• 코드가 간결하고 가독성 좋고 직관적이다.
• 자신만의 this값을 생성하지 않는다.

화살표 함수를 쓰면 안되는 경우

• this, prototype, arguments 정보를 생성하지 않는데, 이 3가지가 없음으로 인해 발생하는 실수들을 정리했다.
• 객체의 메서드를 정의할 때
• prototype으로 메서드 지정 시