정의되지 않은 값(undefined) 이해하기

정의

정의되지 않은 값(undefined)는 자바스크립트에서 값이 할당되지 않은 변수 또는 객체 속성을 나타내는 특수한 값입니다. 또한, 함수에서 리턴값이 명시적으로 지정되지 않았을 때도 undefined가 반환됩니다.

특징

* 데이터 타입은 undefined입니다.
* null과 유사하지만, 엄격한 등호 연산자(===)를 사용하여 구별할 수 있습니다.
* NaN(숫자가 아님)과는 다릅니다.

예시

다음은 undefined를 생성하는 몇 가지 예입니다.


let myVariable; // 변수 선언만 하고 값 할당하지 않음
const myObject = {}; // 객체 속성 할당하지 않음
const myFunction = () => {}; // 리턴값을 명시하지 않음


undefined와 null의 차이

undefined와 null은 모두 값이 없는 것을 나타내지만, 몇 가지 중요한 차이점이 있습니다.

| 특징 | undefined | null |
|—|—|—|
| 데이터 타입 | undefined | object |
| 엄격한 등호 연산자(===) | false | true |

undefined를 처리하는 방법

undefined를 처리하는 방법은 다음과 같습니다.

* **조건문 사용하기:** 변수 또는 속성이 undefined인지 확인하려면 조건문을 사용할 수 있습니다.


if (myVariable === undefined) {
// undefined인 경우 처리
}


* **기본값 설정하기:** 변수 또는 속성에 undefined일 때 사용할 기본값을 설정할 수 있습니다.


const myVariable = myVariable || "기본값";


* **try-catch 블록 사용하기:** 함수에서 undefined가 리턴될 수 있는 경우 try-catch 블록을 사용하여 오류를 처리할 수 있습니다.


try {
const result = myFunction();
} catch (error) {
// undefined가 리턴되었을 때 처리
}


결론

정의되지 않은 값(undefined)은 자바스크립트에서 값이 없는 것을 나타내는 중요한 개념입니다. undefined와 null의 차이점을 이해하고, undefined를 적절하게 처리하는 것이 안정적이고 신뢰할 수 있는 코드를 작성하는 데 필수적입니다.