## undefined: 이해하기 쉬운 설명과 활용법

### 개요

undefined는 JavaScript에서 정의되지 않은 변수나 프로퍼티를 나타내는 값입니다. 처음에 선언되지 않은 변수에 접근하거나, 객체에서 정의되지 않은 프로퍼티에 접근하면 undefined가 반환됩니다.

### undefined의 종류

JavaScript에서는 두 가지 유형의 undefined가 있습니다.

1. **값 없는 undefined**: 변수가 선언되었지만 값이 할당되지 않은 경우 이 값이 반환됩니다.

“`javascript
let x;
console.log(x); // undefined 출력
“`

2. **프로퍼티 없는 undefined**: 객체에서 정의되지 않은 프로퍼티에 접근하면 이 값이 반환됩니다.

“`javascript
const obj = {};
console.log(obj.prop); // undefined 출력
“`

### undefined의 활용법

undefined는 다음과 같은 경우에 유용하게 사용할 수 있습니다.

1. **변수 값이 아직 할당되지 않은 경우**: 변수가 아직 초기화되지 않았지만 나중에 값이 할당될 것으로 예상되는 경우 undefined를 값으로 사용할 수 있습니다.

“`javascript
let age; // undefined로 초기화

// 나중에 값 할당
age = 25;
“`

2. **기본값으로**: 함수의 매개변수에 기본값을 지정하지 않으면 undefined가 기본값으로 사용됩니다.

“`javascript
function greet(name) {
name = name || “Guest”; // undefined인 경우 “Guest”로 설정
console.log(`Hello, ${name}!`);
}

greet(); // “Hello, Guest!” 출력
“`

3. **오류 확인**: undefined는 변수나 프로퍼티가 정의되지 않은 경우를 확인하는 데 사용할 수 있습니다.

“`javascript
if (typeof x === “undefined”) {
console.log(“x 변수가 정의되지 않았습니다.”);
}
“`

### undefined와 null 비교

undefined와 null은 모두 JavaScript에서 “아무것도 아닌” 값이지만 그 의미가 약간 다릅니다.

* **undefined**: 변수나 프로퍼티가 선언되었지만 값이 할당되지 않은 경우입니다.
* **null**: 명시적으로 “아무것도 아님”을 나타내는 값입니다.

대부분의 경우 undefined와 null은 동일한 방식으로 처리됩니다. 그러나 일부 상황에서는 구별이 중요합니다.

### undefined 조심하기

undefined를 사용할 때 다음 사항에 유의하는 것이 중요합니다.

* undefined는 진리값 검사에서 거짓으로 처리됩니다.
* undefined의 typeof는 “undefined”입니다.
* undefined에 연산을 수행하면 NaN(숫자가 아님)이 반환됩니다.
* undefined는 객체가 아닙니다.

### 결론

undefined는 JavaScript에서 변수나 프로퍼티가 정의되지 않은 경우를 나타내는 중요한 값입니다. 값 없는 변수, 기본값, 오류 확인 등 다양한 상황에서 유용하게 사용할 수 있습니다. undefined와 null의 차이점을 이해하면 코드를 더욱 명확하고 효율적으로 작성할 수 있습니다.