JavaScript에서 함수를 선언하는 방법에는 크게 세 가지가 있다.
function getTriangleArea(base, height) {
let triangleArea = (base * height) / 2;
return triangleArea
}
함수의 이름이 getTriangleArea로 지정하여 선언된 식이다.
함수 선언식은 호이스팅(hoisting) 대상이다.
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라는 이름의 함수를 할당한 식이다.
const getTriangleArea = (base, height) => {
let triangleArea = (base * height) / 2;
return trianglArea
};
화살표(=>)를 이용하여 함수 표현식을 좀더 간소화 한 식이다.
위의 식을 아래와 같이 좀 더 간소화할 수 있다.
const getTriangleArea = (base, height) => (base * height) / 2;
};
화살표 함수 내의 유일한 문장이 'return'문일 때 위의 식과 같이 중괄호{}와 'return'을 생략할 수 있다.