자바스크립트 함수 선언 방법

안녕하세요.
이번 포스팅에서는 자바스크립트 함수를 선언하는 4가지 방법에 대해서 알아보겠습니다.

1. 일반적인 함수 선언 방법
아래의 예에서 볼수 있듯이 함수를 정의 하는데 가장 기본적이고 가장 자주 사용되는 선언 방법입니다.
아래와 같이 선언을 했을 때의 이점은 함수를 코드의 제일 아래에 선언을 하여도 함수를 호출을 할수 있다는 것입니다.

console.log(sum(3, 10)); // 13

function sum(num1, num2) {
	return num1 + num2;
}

console.log(sum(3, 10)); // 13

2. 함수 표현식을 이용한 방법
함수 표현식은 변수에 함수를 할당하여 선언하는 방법입니다. 이렇게 선언을 할 경우 1. 에서 선언한 함수와 달리 함수를 먼저 선언을 해야만 사용할 수 있습니다.

console.log(sum(3, 10)); // Error

const sum = function(num1, num2) {
	return num1 + num2;
}

console.log(sum(3, 10)); // 13

3. 화살표 함수를 이용한 방법
화살표 함수는 2. 와 거의 유사하지만 function을 제외하고 =>을 사용해서 선언한다는 점이 다릅니다. (2. 와 동일하게 함수를 먼저 선언을 해야만 사용할 수 있습니다.)

console.log(sum(3, 10)); // Error

const sum = (num1, num2) => {
	return num1 + num2;
}

console.log(sum(3, 10)); // 13

4. 간결한 화살표 함수를 이용한 방법
화살표 함수에서는 값을 바로 반환을 할 수 있을 경우, return을 제외하고 선언을 하는 것이 가능합니다. (2. 와 동일하게 함수를 먼저 선언을 해야만 사용할 수 있습니다.)

console.log(sum(3, 10)); // Error

const sum = (num1, num2) => num1 + num2;

console.log(sum(3, 10)); // 13

 

여기까지 부족한 글 읽어주셔서 감사합니다💛