#15 자바스크립트(JavaScript) - 매개변수 기본 값 지정(ES6)

안녕하세요 여러분! 에이블디 입니다.

이번 시간에는 매개변수에 기본값을 지정하는 방법에 대해 배워볼게요!

ES6부터 매개변수가 있는 함수를 선언할 때 매개변수의 기본 값을 지정하는 기능이 생겼는데요, 어떤 느낌인지 예제 코드를 보며 같이 이해해 보도록 할게요!

지난 시간부터 계속해서 써왔던 두 수를 합하는 sumNumber() 함수를 조금 변형해 보겠습니다!

function sumNumber(a, b = 1){
    var sum = a + b;
    console.log(sum);
}

sumNumber(1);

sumNumber() 함수를 선언할 때 매개변수 b에 1이란 값을 주고 sumNumber() 함수를 호출할 때 인수를 하나만 주었는데요!

결과가 어떻게 출력되는지 확인해 볼까요?

매개변수 b에는 1이란 값이 들어있어 sumNumber() 함수를 호출할 때 인수에 1만 넣어주어도 인수 1을 매개변수 a에 전달하고 매개변수 b는 함수를 선언할 때 미리 지정해 두었던 값 1이 그대로 적용되어 1 + 1 = 2라는 값을 출력하는 걸 볼 수 있습니다.

매개변수의 값을 미리 지정해 두어도 함수를 호출할 때 인수를 매개변수의 수만큼 넣어주면 기존에 미리 지정한 값이 인수의 값으로 바뀌는데요! 직접 코드를 짜서 실행시켜보겠습니다!

function sumNumber(a, b = 1){
    var sum = a + b;
    console.log(sum);
}

sumNumber(1); // 매개변수 a = 1, 매개변수 b = 1

sumNumber(3, 2); // 매개변수 a = 3, 매개변수 b = 2

마지막 sumNumber() 함수를 보시면 인수값을 3과 2를 주었는데요, 매개변수 a에는 3이라는 값이, 매개변수 b에는 2라는 값이 넘겨져서 3 + 2 = 5라는 결괏값을 출력하는걸 확인할 수 있습니다!

직접 코드를 수정해 보시고 예제를 실습하시면서 확실히 이해하셨으면 좋겠습니다!

다음 시간에 자바스크립트에 대해 더 많이 알아보도록 해요!