함수의 기본 파라미터

함수의 기본 파라미터

기본 파라미터란 함수를 호출하게 될 때 원래 넣어야 할 파라미터를 넣지 않게 되었을 때 기본값으로 사용할 값을 지정하는 것을 의미한다.

지금까지 배운 것들을 활용하여 파라미터가 주어지지 않았을 때 기본값을 사용하도록 다음과 같이 작성할 수 있다.

예시

원의 넓이를 구하는 함수

function calculateCircleArea(r) {
  return Math.PI * r * r;
}

const area = calculateCircleArea(4);
console.log(area); // 50.26548245743669

여기서 Math.PI 는 원주율 파이(π) 값을 가리킨다.

만약 이 함수에 r 값을 넣어주지 않으면 어떻게 나타날까?

function calculateCircleArea(r) {
  return Math.PI * r * r;
}

const area = calculateCircleArea();
console.log(area); // NaN

undefined * undefined 를 곱하니까 결과는 NaN 이 나오게 된다.

 

단축 연산자

|| 연산자를 이용해서 r 이 undefined(falsy) 라면 1이 출력되도록 작성하는 방법

function calculateCircleArea(r) {
  const radius = r || 1;
  return Math.PI * radius * radius;
}

const area = calculateCircleArea();
console.log(area); // 3.141592653589793

 

ES6

ES5 시절에는 위와 같이 하는게 최선이였는데, ES6 부터는 다음과 같이 할 수 있게 되었다.

function calculateCircleArea(r = 1) {
  return Math.PI * r * r;
}

const area = calculateCircleArea();
console.log(area); // 3.141592653589793

 

화살표 함수

함수의 기본 파라미터 문법은 화살표 함수에서도 사용할 수 있다.

const calculateCircleArea = (r = 1) => Math.PI * r * r;

const area = calculateCircleArea();
console.log(area); // 3.141592653589793