• 함수 선언문
• 함수 표현식
  • 차이점
• 화살표 함수

함수 선언문

function onClick() {
  console.log('클릭');
}

함수 표현식

익명의 함수를 생성한 후 변수에 할당하는 형태

const onClick = function() {
  console.log('클릭');
};

차이점

호출 위치

• 함수 선언문은 호이스팅 대상이 되어 어디서든 호출이 가능하다.
• 함수 표현식은 호이스팅 규칙에서 제외되어 표현식 이후에만 호출이 가능하다.

화살표 함수

함수의 간결한 표현 방식

// 화살표 함수
let add = (num1, num2) => {
  return num1 + num2
}

• return 문은 중괄호{}가 아닌 괄호()로 대체할 수 있다. but, return 이전에 다른 코드가 있다면 일반 괄호 사용 불가
• return 문이 한 줄이라면 괄호도 생략 가능
• 인수가 딱 하나라면 인수의 괄호도 생략 가능