모던 JavaScript 튜토리얼을 따라가면서 정리합니다.
2.17. 화살표 함수 기본
1
let func = (arg1, arg2, arg3 ...argN) => expression
함수 func는 화살표 우측의 표현식을 평가하고 평가 결과를 반환한다.
다음과 같이 함수를 동적으로 만들 수 있다.
1
2
3
4
5
6
7
let age = prompt("나이를 알려주세요.", 18);
let welcome = (age < 18) ?
() => alert('안녕') :
() => alert("안녕하세요!");
welcome();
본문이 여러 줄로 구성되었다면 중괄호를 사용해야 한다. 다만, 이 경우는 반드시 return 지시자를 사용해 반환 값을 명기해 주어야 한다.
과제
화살표 함수로 변경하기
1
2
3
4
5
6
7
8
9
10
function ask(question, yes, no) {
if (confirm(question)) yes()
else no();
}
ask(
"동의하십니까?",
function() { alert("동의하셨습니다."); },
function() { alert("취소 버튼을 누르셨습니다."); }
);
다음과 같이 화살표 함수로 변경할 수 있다.
1
2
3
4
5
ask (
"동의하십니까?",
() => alert("동의하셨습니다."),
() => alert("취소 버튼을 누르셨습니다.")
);