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
}
}
반응형
'개발공부 > Javascript' 카테고리의 다른 글
[javascript] div와 ul, li를 사용하여 selectBox 처럼 구현하기 (1) | 2020.03.25 |
---|---|
[javascript] 자바스크립트 객체지향 - Object Oriented Programming(OOP) (0) | 2020.01.28 |
[javascript] 개행문자(\n) 줄바꿈 처리 및 특정 단어 바꾸기 (0) | 2019.11.04 |
[javascript] DOM 요소에 각각 이벤트 걸기 (0) | 2019.11.03 |
[javascript] 자바스크립트 이벤트와 이벤트 헨들러 (0) | 2019.11.01 |