arrow => function

🤬 함수 표현식

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

😇 화살표 함수

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

const add = (x, y) => x + y
const add = (x, y) => (x + y)   // O, 정상 작동
const add = (x, y) => { x + y } // X, undefined 리턴 

화살표 함수를 쓸 때,

• return을 생략하고 싶으면 curly bracket 쓰지 말고 parentheses를 쓰거나 아예 생략
• return을 쓰고 싶으면 curly bracket과 같이 쓰기.

---

클로저를 표현 할 때, 화살표 함수는 정말 편해보임

🤬 함수표현식

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

😇 화살표 함수

아래는 함수 표현식으로 작성된 것을 화살표 함수로 모조리 바꾸는 과정이다.

---

1)

const adder = (x) => {
  return (y) => {
    return x + y
  }
}

---

2)

const adder = x => {
  return y => x + y
}

---

3) 👼

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

---

....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?....?🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯🤯