본문 바로가기
  • Monstera
개발공부/Javascript

[javascript] Arrow Function 이모저모

by 네모공장장 2019. 11. 5.
const foo = (num) =>{
	return num++
}

// 리턴값이 간단한 한줄의 화살표 함수는 아래와 같이 작성할 수 있다.

const foo1 = num => num++
// 인자가 하나라서 num을 감싸는 소괄호()를 생략
// 리턴값이 간단해서 return을 감싸는 중괄호{} 및 return 생략

const foo2 = num => (num++)
// 혹은 return만 생략할 수 있다.


화살표함수의 화살표가 두개인 형태 (첨에 보고 띠용했다.) curried function(Currying)(커링함수) 이라고 하는 것 같다.

인자로 함수를 받는 것.

참고 : https://stackoverflow.com/questions/32782922/what-do-multiple-arrow-functions-mean-in-javascript

const add = x => y => x+y
add(2)(3); // 리턴값 5

//괄호를 이용해 한번 감싸주면 좀 더 보기 쉽다.
const add2 = x => (y => x + y)

// 혹은
const add3 = x => {
    return y =>{
    	return x+y
    }
}
//호출 시
add3(1)(2);

화살표 함수를 쓰지 않으면 아래의 모양과 같다.

const add = function(x){
    return function (y){
    	return x + y
    }
}
반응형