자바스크립트에서 기본 매개변수(Default Parameters)란 무엇인가요?

Q: 자바스크립트에서 기본 매개변수란 무엇인가요?
A: 기본 매개변수(Default Parameters)는 함수 호출 시 인자가 전달되지 않거나 `undefined`일 경우 함수 매개변수에 미리 지정한 기본값을 자동으로 할당하는 기능입니다.

Q: 기본 매개변수를 사용하면 어떤 이점이 있나요?
A: 함수 호출 시 매개변수를 생략해도 기본값이 적용되어 코드가 간결해지고, 함수 내부에서 값이 없을 경우 따로 체크하는 로직을 줄일 수 있습니다.

Q: 기본 매개변수는 어떻게 선언하나요?
A: 함수 선언 시 매개변수 이름 뒤에 `=`와 기본값을 할당합니다.
예:
```javascript
function greet(name = 'Guest') {
console.log('Hello, ' + name);
}
```

Q: 기본 매개변수에 어떤 값들을 사용할 수 있나요?
A: 숫자, 문자열, 불린값, 배열, 객체 등 자바스크립트의 모든 표현식이 가능합니다. 함수도 기본값으로 지정할 수 있습니다.

Q: 기본 매개변수 값으로 이전 매개변수를 참조할 수 있나요?
A: 네, 기본 매개변수는 앞서 선언된 매개변수를 참조할 수 있습니다.
예:
```javascript
function multiply(a, b = a * 2) {
return a * b;
}
```
Q: 기본 매개변수는 매개변수가 `null`일 때도 적용되나요?
A: 아닙니다. 기본값은 매개변수가 `undefined`일 때만 적용됩니다. `null`은 명시적인 값으로 인식되어 기본값이 무시됩니다.

Q: 기본 매개변수를 기존 코드에서 어떻게 사용했나요?
A: 과거에는 보통 `||` 연산자나 조건문으로 기본값을 할당했지만, 기본 매개변수 문법 도입 이후 코드가 훨씬 간결해졌습니다.
예:
```javascript
function greet(name) {
name = name || 'Guest';
console.log('Hello, ' + name);
}
```

Q: 기본 매개변수는 화살표 함수에서도 사용할 수 있나요?
A: 네, 화살표 함수에서도 동일하게 기본 매개변수를 정의할 수 있습니다.
예:
```javascript
const greet = (name = 'Guest') => console.log('Hello, ' + name);
```

Q: 기본 매개변수를 사용할 때 주의할 점이 있나요?
A: 기본 매개변수에 함수 호출 등 부수 효과가 있는 표현식을 넣으면 함수가 호출될 때마다 실행되므로 의도한 동작인지 확인해야 합니다. 또한 매개변수 순서에 따른 참조도 주의가 필요합니다.

---

요약: 자바스크립트의 기본 매개변수는 함수 정의 시 매개변수에 기본값을 지정하는 문법으로, 함수 호출 시 인자가 없거나 `undefined`면 기본값이 자동으로 할당되어 편리하고 가독성 높은 코드를 작성할 수 있게 해줍니다.

자바스크립트에서 기본 매개변수(Default Parameters)는 함수의 매개변수에 기본값을 설정할 수 있는 기능입니다.

이 기능은 ES6(ECMAScript 201

5)에서 도입되었으며, 함수 호출 시 인자가 제공되지 않거나 `undefined`로 설정된 경우에 기본값을 사용하도록 할 수 있습니다.

기본 매개변수를 사용하면 코드의 가독성을 높이고, 함수의 사용성을 향상시키는 데 도움을 줍니다.

기본 매개변수의 사용법 기본 매개변수를 정의하는 방법은 함수 선언 시 매개변수에 `=` 기호를 사용하여 기본값을 지정하는 것입니다.

아래의 예제를 통해 기본 매개변수를 사용하는 방법을 살펴보겠습니다.

```javascript function greet(name = "Guest") { console.log(`Hello, ${name}!`); } greet(); // 출력: Hello, Guest! greet("Alice"); // 출력: Hello, Alice! ``` 위의 예제에서 `greet` 함수는 `name`이라는 매개변수를 가지고 있으며, 기본값으로 "Guest"를 설정하고 있습니다.

함수가 호출될 때 인자가 제공되지 않으면 기본값이 사용됩니다.

기본 매개변수의 장점 1. 가독성 향상 : 기본 매개변수를 사용하면 함수의 의도를 명확히 할 수 있습니다.

기본값이 무엇인지 함수 정의에서 바로 확인할 수 있기 때문에, 코드의 가독성이 높아집니다.



2. 유연성 : 기본 매개변수를 통해 함수 호출 시 인자를 생략할 수 있어, 다양한 상황에서 유연하게 함수를 사용할 수 있습니다.



3. 코드 중복 감소 : 기본값을 설정함으로써, 함수 내부에서 매개변수가 `undefined`인지 체크하고 기본값을 할당하는 코드를 작성할 필요가 없어집니다.

이는 코드의 중복을 줄이고, 유지보수를 용이하게 합니다.

기본 매개변수와 `undefined` 기본 매개변수는 인자가 제공되지 않거나 `undefined`일 때만 기본값을 사용합니다.

만약 다른 falsy 값(예: `null`, `0`, `""`, `false`)이 전달되면, 해당 값이 매개변수로 사용됩니다.

```javascript function displayValue(value =

10) { console.log(value); } displayValue(); // 출력: 10 displayValue(undefined); // 출력: 10 displayValue(null); // 출력: null displayValue(0); // 출력: 0 displayValue(""); // 출력: "" displayValue(false); // 출력: false ``` 기본 매개변수의 표현식 기본 매개변수는 다른 매개변수나 외부 변수를 참조할 수 있습니다.

이는 기본값을 동적으로 설정할 수 있는 유용한 방법입니다.

```javascript function multiply(a, b = a) { return a * b; } console.log(multiply(

5)); // 출력: 25 (5 *

5) console.log(multiply(5,

2)); // 출력: 10 (5 *

2) ``` 위의 예제에서 `multiply` 함수는 두 개의 매개변수를 가지고 있으며, 두 번째 매개변수 `b`는 첫 번째 매개변수 `a`의 기본값으로 설정됩니다.

이렇게 하면 `b`를 생략했을 때 `a`의 값을 자동으로 사용할 수 있습니다.

결론 자바스크립트의 기본 매개변수는 함수의 매개변수에 기본값을 설정할 수 있는 강력한 기능입니다.

이를 통해 코드의 가독성을 높이고, 유연성을 제공하며, 중복 코드를 줄일 수 있습니다.

기본 매개변수를 적절히 활용하면 더 간결하고 유지보수가 용이한 코드를 작성할 수 있습니다.

ES6 이후로 기본 매개변수는 자바스크립트 개발에서 널리 사용되고 있으며, 함수의 사용성을 크게 향상시키는 중요한 기능 중 하나입니다.