함수 선언 방법: 함수 선언식, 함수 표현식, 화살표 함수

이예빈·2022년 6월 24일
0

JavaScript

목록 보기
2/26
post-thumbnail

JavaScript에서 함수를 선언하는 방법에는 크게 세 가지가 있다.

1. 함수 선언식(Function declarations)

function getTriangleArea(base, height) {
	let triangleArea = (base * height) / 2;
  	return triangleArea
}

함수의 이름이 getTriangleArea로 지정하여 선언된 식이다.
함수 선언식은 호이스팅(hoisting) 대상이다.

2. 함수 표현식(Function expressions)

const getTriangleArea = function (base, height) {
	let triangleArea = (base * height) / 2;
  	return trianglArea
};

getTriangleArea라는 변수에 이름이 없는(익명의) 함수를 할당한 식이다.
함수 표현식 내에서도 아래와 같이 함수의 이름을 지정할 수 있다.

const getTriangleArea = function triArea(base, height) {
	let triangleArea = (base * height) / 2;
  	return trianglArea
};

getTriangleArea라는 변수에 triArea라는 이름의 함수를 할당한 식이다.


3. 화살표 함수(Arrow functions)

const getTriangleArea = (base, height) => {
  	let triangleArea = (base * height) / 2;
  	return trianglArea
};

화살표(=>)를 이용하여 함수 표현식을 좀더 간소화 한 식이다.
위의 식을 아래와 같이 좀 더 간소화할 수 있다.

const getTriangleArea = (base, height) => (base * height) / 2;
};

화살표 함수 내의 유일한 문장이 'return'문일 때 위의 식과 같이 중괄호{}와 'return'을 생략할 수 있다.

profile
temporary potato

0개의 댓글