[Javascript] 화살표 함수

함수 표현식보다 단순하고 간결한 문법으로 함수를 만드는 방법이 바로 화살표 함수이다.

 

1. 중괄호 없이 작성: (...args) => expression  : 함수는 이 표현식을 평가하고, 평가 결과를 반환함
2. 중괄호와 함께 작성: (...args) => { body } : 본문이 여러 줄로 구성되었다면 중괄호를 사용해야함. 다만, 이 경우는 반드시 return 지시자를 사용해 반환 값을 명기해 주어야 한다.
3.  

<함수표현식>
function ask(question, yes, no) {
  if (confirm(question)) yes()
  else no();
}

ask(
  "동의하십니까?",
  function() { alert("동의하셨습니다."); },
  function() { alert("취소 버튼을 누르셨습니다."); }
);

<화살표 함수>
const ask = (question, yes, no) => {
	(confirm(question)) ? yes() : no();
}

ask(
	"동의하십니까"
 	() => alert("동의하셨습니다."),
    () => alert("취소 버튼을 누르셨습니다.")
);
)

 

<참고>

화살표함수 mdn

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions

화살표 함수 - JavaScript | MDN