모던자스 튜토리얼 공부 후 정리한 내용입니다

함수 표현식보다 간결한 함수 생성 방식이 있다.
바로 화살표 함수!

arrow function

형태 :

let 함수명 = (인수1, 인수2 ) => 표현식

위의 코드와 동일하게 실행되는 우리에게 익숙한 형태의 코드는 다음과 같다.

let 함수명 = function(인수1, 인수2 ) {
  return 표현식
}

• 인수가 하나밖에 없을 경우 인수를 감싸는 괄호는 생략 가능하다.
• 인수가 없을 경우 빈 괄호를 사용한다. (이 경우, 괄호 생략 불가능)
• 화살표 함수는 함수 표현식과 같이 사용할 수 있다.
  예시
  :

let age = prompt("나이를 알려주세요.", 18);

let welcome = (age < 18) ?
  () => alert('안녕') :
  () => alert("안녕하세요!");

welcome();

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

• 코드가 여러줄에 걸쳐야 하는 경우 return 값을 화살표 우측에 곧바로 명시할 수 없다.
• 따라서 중괄호로 함수를 묶고 리턴값을 별도로 명시해주어야 한다.
  예시

let sum = (a, b) => {  // 중괄호는 본문 여러 줄로 구성되어 있음을 알려줍니다.
  let result = a + b;
  return result; // 중괄호를 사용했다면, return 지시자로 결괏값을 반환해주어야 합니다.
};

alert( sum(1, 2) ); // 3

🙉 오늘의 TL;DR

• 화살표 함수는 함수 표현식과 닮았고 더 간결하다!
• 함수 코드가 한줄일 때 가장 유용하다.