자바스크립트의 undefined 이해하기

정의

자바스크립트에서 undefined는 변수가 선언되었지만 아직 값이 할당되지 않은 상태를 나타내는 특수한 값입니다. undefined 키워드로 표현되며, 다음과 같은 특성을 갖습니다.

• 기본적인 JavaScript 유형입니다.
• 변수에 할당된 유일한 기본적 유형입니다.
• null과 유사하지만 동일하지는 않습니다.

undefined와 null 비교

null과 undefined는 모두 값이 없는 상태를 나타내는 것처럼 보이지만, 실제로는 다른 의미가 있습니다.

• null: 개발자가 명시적으로 값이 없음을 나타내기 위해 설정한 값입니다.
• undefined: 값이 할당되지 않은 변수의 기본 상태입니다.

다음은 undefined와 null의 주요 차이점입니다.

특성	undefined	null
초기 상태	변수 선언 시	개발자 할당
의미	값이 없음	값이 명시적으로 없음
유형	기본적 유형	객체
== 연산자	true	false
=== 연산자	false	true

undefined의 사용

undefined는 다음과 같은 상황에서 주로 사용됩니다.

• 변수가 아직 값으로 할당되지 않았음을 표시하기
• 함수가 인수 없이 호출될 때 인수에 대한 플레이스홀더
• 객체 프로퍼티가 존재하지 않음을 표시하기

예를 들어, 다음과 같은 코드에서는 x 변수가 선언되었지만 값이 할당되지 않아 undefined가 됩니다.

let x;
console.log(x); // undefined

또한, 다음 함수에서는 name 매개변수에 인수가 제공되지 않으면 undefined가 됩니다.

function sayHello(name) {
  console.log(`Hello, ${name || "undefined"}!`);
}

sayHello(); // Hello, undefined!

undefined 처리

undefined를 처리할 때는 다음 사항을 고려하는 것이 중요합니다.

• 변수를 사용하기 전에 undefined인지 확인하여 오류를 방지하세요.
• undefined를 null로 대체하거나 다른 기본값을 제공하여 값이 없는 상황을 처리하세요.
• strict mode를 사용하여 undefined 변수에 액세스하는 것을 방지하세요.

결론

자바스크립트의 undefined는 변수의 값이 없는 상태를 나타내는 특수한 값입니다. null과 유사하지만, 명시적으로 설정된 값이 없는 변수의 기본 상태라는 점에서 다릅니다. undefined를 올바르게 이해하고 처리하면 코드에서 오류를 방지하고 강력한 애플리케이션을 빌드하는 데 도움이 될 수 있습니다.