undefined

<h2>정의</h2>

<p>undefined는 JavaScript의 선언된 변수의 초기 값입니다. 변수에 값이 할당되지 않으면 undefined로 설정됩니다.

<h2>사용</h2>

undefined는 다음과 같은 경우에 사용됩니다.

<ul>
    <li>변수가 선언되었지만 값이 할당되지 않은 경우</li>
    <li>함수가 매개변수를 받지 않는 경우</li>
    <li>객체 프로퍼티가 존재하지 않는 경우</li>
    <li>배열 인덱스가 범위를 벗어난 경우</li>
</ul>

<h2>함수와 함께 사용</h2>

함수의 매개변수가 undefined인 경우 디폴트 값을 사용할 수 있습니다. 예를 들어 다음 함수를 살펴보겠습니다.

```javascript
function sum(a, b) {
    a = a || 0;
    b = b || 0;

    return a + b;
}
```

이 함수는 두 개의 매개변수를 사용하는데, 이 매개변수는 숫자일 수도 있고 undefined일 수도 있습니다. a와 b가 undefined이면 0으로 설정되어 함수가 항상 숫자 두 개를 더합니다.

<h2>객체와 함께 사용</h2>

객체의 프로퍼티가 존재하지 않는 경우 undefined를 사용할 수 있습니다. 예를 들어 다음 객체를 살펴보겠습니다.

```javascript
const person = {
    name: "John Doe",
    age: 30
};
```

이 객체에는 name과 age 프로퍼티가 있습니다. 다른 프로퍼티, 예를 들어 gender를 액세스하면 undefined가 반환됩니다.

```javascript
console.log(person.gender); // undefined
```

<h2>결론</h2>

undefined는 JavaScript에서 선언된 변수의 초기 값이며, 변수에 값이 할당되지 않은 경우, 함수가 매개변수를 받지 않는 경우, 객체 프로퍼티가 존재하지 않는 경우, 배열 인덱스가 범위를 벗어난 경우에 사용됩니다. 디폴트 값을 제공하고 객체 프로퍼티의 존재 여부를 확인하는 데 유용합니다.