[javascript] 함수 - 화살표 함수

함수의 선언 방법에는 선언문, 표현식, 화살표 함수가 있다.

화살표 함수란?

표현식을 기본으로 하여 function 키워드 대신 화살표(=>)를 사용하여 함수를 선언하는 방법이다.

// 직사각형 넓이를 구하는 함수
// 밑변은 width(w), 높이는 height(h) 이다.
// 표현식
const getRectangleArea = function (w,h) {
let result = w * h;
return result
}
//화살표 함수
const getRectangleArea = (w,h) => {
 let result = w * h;
 return result
 }

화살표 함수의 특징

• return과 {}의 생략
  화살표 함수는 함수내에 return문만 있을 때,
  return 키워드와 {}를 생략할 수 있다.
  단, 반드시 둘 다 생략해야한다.

// 삼각형 넓이 구하는 함수
// 밑변은 b, 높이는 h
const getTriangleArea = (b,h) => {
 return (b * h) / 2
 } 
 
 // return과 {}생략
 const getTriangleArea = (b,h) => (b * h) / 2; 
 // O
 const getTriangleArea = (b,h) => {(b * h) / 2;}
 // X
 const getTriangleArea = (b,h) => ((b * h) / 2;)
 // O -> 소괄호를 쓰는 것은 가능하다.

• 함 수 내 표현식이 두 줄 이상일 경우에는 return과 {}를 써주는 게 좋다.