기본 - 화살표 함수 기본

화살표 함수

함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법

let sum = (a, b) => a + b;

/* 위 화살표 함수는 아래 함수의 축약 버전이다.

let sum = function(a,b) {
    return a+b;
}
*/
alert(sum(2,5)); // 7

 

인수가 하나밖에 없다면 인수를 감싸는 괄호를 생략할 수 있다.

let double = n => n * 2;

alert(double(3)); // 6

 

인수가 하나도 없을 때는 괄호만 쓴다. 이때 괄호는 생략할 수 없다.

let sayHi = () => alert('안녕하세요');

sayHi(); // '안녕하세요'

 

본문이 여러 줄인 화살표 함수

평가해야 할 구문이 여러 개인 함수일때는 중괄호를 사용해야 한다.이때 return 지시자를 사용해서 명시적으로 결과값을 반환해 주어야 한다.

let sum = (a,b) => {
    let result = a + b;
    return result; // 중괄호를 사용했다면, return 지시자로 결과값을 반환해 주어야 한다.
};

alert(sum(4,5)); // 9

 

과제 - 화살표 함수로 변경하기

//문제
function ask(question, yes, no) {
  if (confirm(question)) yes()
  else no();
}

ask(
  '동의하십니까?',
  function() {alert('동의하셨습니다.');},
  function() {alert('취소하셨습니다.');}
);

//풀이

ask(
  '동의하십니까?',
  () => alert('동의하셨습니다.'),
  () => alert('취소하셨습니다.')
);