하루5분코딩"Arrow Function"

## Arrow Function : 함수표현식의 축약

-함수 표현식-

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

-ArrowFunction-

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

‼️ call,apply,bind 사용 불가

✓ 즉, "function" 대신 "=>"를 사용하는 것이다.

tip. 함수안에 return 만 존재할 경우 생략이 가능 하다 But! 중괄호{} 도 같이 생략해야한다.

ex)

const add = (x , y) => x + y //정상 작동
const add = (x , y) => (x + y) //정상 작동 (소괄호()사용가능)
const add = (x , y) => {x + y}//undefined

tip. 함수안에 표현식이 두줄이상일 경우 return 과 중괄호로 표현해주는 것이 좋다.

Arrow Function 사용 : closure

-함수 표현식-

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

-Arrow Function-

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

축약 return 과 {}를 같이 없애주고 파라미터가 1개일때 () 도 없애준다.

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

남은 리턴도 생략

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

좋은 웹페이지 즐겨찾기