728x90
300x250
SMALL
화살표 함수를 사용하는 이유 중에 하나가 축약 가능하다는 점이다.
function fout(a) {
return function fin() {
return a + 1;
}
}
const f1 = fout(10);
const result = fin();
console.log(result);
위와 같이 함수 안에 함수가 있는 내부함수를 화살표 함수로 변경 해보자
1. 먼저 제일 바깥쪽 fout함수를 화살표 함수로 변경한다.
const fout = (a) => {
return function fin() {
return a + 1;
}
}
2. return과 "{}" 를 생략한다.
const fout = (a) => function fin() {
return a + 1;
}
3. fin함수를 화살표 함수로 변경한다.
const fout = (a) => const fin = () => {
return a + 1;
}
4. 처리내용이 한줄이기 때문에 {}와 return 생략가능하다.
const fout = (a) => const fin = () => a + 1;
이렇게 화살표 함수를 사용하면 더 간단하게 축약된 형태로 사용 가능하다.
728x90
반응형
LIST
'javaScript > J Query & 스크립트' 카테고리의 다른 글
JavaScript Boolean에서 false / true에 해당 되는것 (0) | 2022.02.27 |
---|---|
javascript에서 'use strict' 의미 (0) | 2022.02.26 |
화살표 함수 Arrow Function () => (0) | 2022.02.21 |
파라미터를 전달하지 않을 경우 대체되는 기본값 설정 (0) | 2022.02.19 |
IIFE 함수의 선언과 동시에 실행시키기 (0) | 2022.02.18 |
댓글