[TIL] 화살표 함수 (=>)

화살표 함수는 function 키워드를 화살표로 축약해서 표시하는 함수를 표시하는 다른 방법입니다. ES6에서 새로 도입되었습니다.

  const add = (x, y) => { //function(x,y)에서 function을 생략 가능
    return x + y //return도 생략 가능
  }

더 축약하면

	const add = (x, y) => x + y

함수 내의 표현식이 두 줄 이상일경우는, return을 명시적으로 쓴다.

const getStudentAvg = arr => {
  return arr
    .filter(person => person.job === 'student')
    .reduce((sum, person) => (sum + person.grade), 0)
}

중괄호도 명시적으로 표시해준다.(가독성 향상)

---

클로저를 표현할 때 좋다.

const adder = function(x) {
  return function(y) {
    return x + y
  }
}
adder(5)(7) // 12

function과 return을 전부 생략하면

const adder = x => y => x + y

이런식으로 표현한다.