JavaScript Funtion 3가지 선언 유형

1. 일반적인 선언

function formatNumber(num) {
  return num.toFixed(2);
}

formatNumber(2);

JavaScript 이외에도 Java나 Python 같은 다른 언어에서도 흔히 볼 수 있는 선언 법이다.

2. 익명 함수

(function (a) {
  return a + 100;
});

addEventListener()와 같이 함수 안에 함수를 넣을 때 사용한다.
익명 함수를 괄호 안에 넣지 않으면 오류가 발생한다.

3. 화살표 함수

// 기존의 익명 함수
(function (a) {
  return a + 100;
});

// 1. "function"이라는 단어를 제거하고 인자와 여는 대괄호 사이에 화살표를 배치합니다.
(a) => {
  return a + 100;
};

// 2. 중괄호와 "return"이라는 단어를 제거하면 반환이 암시됩니다.
(a) => a + 100;

// 3. 매개변수의 괄호를 제거합니다.
a => a + 100;

위의 예에서는 매개변수 주위의 괄호와 함수 본문 주위의 중괄호를 모두 생략할 수 있습니다. 그러나 특정 경우에만 생략할 수 있습니다.

괄호는 함수에 하나의 간단한 매개변수가 있는 경우에만 생략할 수 있습니다. 매개 변수가 여러 개 있거나 없거나 기본값인 경우와 구조 분해 할당된 매개 변수 또는 나머지 매개 변수가 있는 경우 매개 변수 목록 주위에 괄호를 사용해야 합니다.

참고 사이트 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions https://www.javascripttutorial.net/javascript-anonymous-functions/