제가 자바스크립트 문법이 기억이 안 나서 책 보고 정리해봤어요!

화살표 함수

const add = (x,y) => {return x+y;}; const add2 = (x,y) => (x+y);

둘이 같은 의미다.

return문을 줄일 수 있다는 점에서 보기 좋게 코드를 적을 수 있다.

이때, 이 화살표 함수가 기존의 function과 가지는 차이점은

this 바인드 방식이라는 것이다.

그럼 this가 뭔데?

this

쉽게 말해, 누가 나를 불렀냐 ?? 다.

const relationship = {
	name: 'zero',
    friends: ['nero', 'hero', 'xero'],
    logFriends() {
    	this.friends.forEach(friend => {
        	console.log(this.name, friend);
        };
    },
};

화살표 개념과 this를 한번에 확인할 수 있었던 예제다.

forEach문에서 화살표 함수를 사용했을 때,

바깥 스코프인 logFriends()의 this를 고대로 물려받는다.

화살표 함수가 this 바인딩 형식을 사용하기 때문이다.

한편 function(friend) 형식으로 함수 선언문을 사용하게 될 경우,