Arrow function

화살표 함수라고 불리는 arrow function이다!
말그대로 function 키워드를 화살표로 축약시켜 표현하는 방법이다.

const add = function (x, y) {
	return x + y
}

평소 매일 사용하던 함수방식은 위와같은 방식이었지만, arrow function을 배운 뒤,

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

이런식으로 축약시켜서 작성할 수 있게 되었다. 코드에서 볼 수 있듯이 function이라는 keyword가 화살표(=>)로 축약이 된걸 볼 수 있다!

또 함수의 본문에 만약 return문만 존재한다면, arrow function에서는 return문도 생략이 가능하다! 다만 주의할점은 중괄호도 생략해야한다.

const add = (x, y) => x + y
const add = (x, y) => {x + y} // 잘못된 방법

클로저 또한 arrow function으로 나타낼 수 있다.

const add = function (a) {
	return function(b) {
    	return a + b
    }
}

add(3)(5) // 8

위와같은 함수를 arrow function으로 바꿔보자.

//제일 안쪽 return문을 없애주자, return문만 존재하므로 중괄호도 삭제!
const add = (a) => {
	return (b) => a + b 
}

//마지막 남은 return문도 없애주자!
const add = (a) => (b) => a + b

이런식으로 축소시켜서 표현이 가능하다!