자바스크립트는 ES6(ECMAScript 6)부터 기본 매개변수(Default Parameters)라는 기능을 도입했습니다. 이 기능을 사용하면 함수의 매개변수에 기본값을 설정할 수 있습니다. 기본 매개변수를 사용하면 함수를 호출할 때 해당 매개변수에 값을 전달하지 않아도 미리 정해놓은 기본값이 사용됩니다.

기본 매개변수의 사용법

기본 매개변수는 다음과 같은 문법을 사용하여 정의할 수 있습니다:

function functionName(param1 = defaultValue1, param2 = defaultValue2) {
  // 함수 본문
}

각 매개변수의 오른쪽에 = 연산자를 사용해서 기본값을 설정할 수 있습니다. 이렇게 설정된 기본값은 해당 매개변수에 값을 전달하지 않았을 때 사용됩니다.

예제 코드

다음은 기본 매개변수를 사용하는 예제 코드입니다:

function greet(name = "Guest", message = "Hello") {
  console.log(`${message}, ${name}!`);
}

greet(); // Hello, Guest!
greet("John"); // Hello, John!
greet("Emily", "Hi"); // Hi, Emily!

위 코드에서 greet 함수는 name과 message 두 개의 매개변수를 갖고 있습니다. 하지만 함수를 호출할 때, 매개변수에 전달하는 값이 없으면 각각 defaultValue1과 defaultValue2의 값으로 대체됩니다. 따라서 첫 번째 호출인 greet()에서는 “Guest”와 “Hello”가 출력되고, 두 번째 호출인 greet("John")에서는 “John”과 “Hello”가 출력됩니다. 마지막 호출인 greet("Emily", "Hi")는 매개변수에 전달된 값이 있으므로 “Hi”와 “Emily”가 출력됩니다.

기본 매개변수 사용의 이점

기본 매개변수를 사용하면 함수를 호출할 때 매개변수에 값을 전달하는 것이 선택 사항이 됩니다. 만약 매개변수에 값을 전달하지 않으면 함수 내부에서 미리 정의된 기본값이 사용되기 때문에 코드의 유연성과 가독성이 향상됩니다. 또한, 기본 매개변수를 사용하면 함수를 정의할 때 매개변수에 기본값을 설정하여 코드의 중복을 줄일 수 있습니다.

하지만 기본 매개변수를 사용할 때 주의할 점이 있습니다. 만약 기본 매개변수 뒤에 일반 매개변수가 올 경우, 해당 매개변수의 값은 항상 전달되어야 합니다. 그렇지 않으면 오류가 발생합니다.

결론

자바스크립트의 기본 매개변수를 사용하면 함수의 매개변수에 기본값을 설정할 수 있습니다. 기본 매개변수를 사용하면 함수 호출 시 값을 전달하지 않아도 미리 정의된 기본값이 사용되어 코드를 더욱 유연하고 가독성있게 작성할 수 있습니다.