함수의 기본 파라미터

이번에는 함수의 기본 파라미터를 설정하는 방법에 대해서 알아보자.

한번 우리가 원의 넓이를 구하는 함수를 만들어 보겠다.

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

결과는 NaN이 나온다. Not a Number 라는 의미로, 우리가 undefined*undefined이렇게 숫자가 아닌 값에 곱셈을 하니까 이상한 결과물이 나왔다.

 

이 함수에서 만약에 r값이 주어지지 않았다면 기본 값을 1을 사용 하도록 설정해 보자.

 

우리가 지금 까지 배운 것들을 활용하면 이렇게 작성 할수 있다.

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

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

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