본문 바로가기
javaScript/J Query & 스크립트

내부함수를 화살표 함수로 변경하기

by mooyou 2022. 2. 22.
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

댓글