undefined 키워드 이해하기

정의

자바스크립트에서 undefined는 값이 할당되지 않은 변수 또는 값을 반환하지 않는 함수의 결과를 나타내는 키워드입니다. 다음과 같은 경우에 undefined가 반환됩니다.

• 변수가 선언되었지만 값이 할당되지 않은 경우
• 함수가 아무런 값도 반환하지 않는 경우
• 속성이 객체에 존재하지 않는 경우
• 인수가 함수에 제공되지 않은 경우

undefined와 null의 차이

undefined와 null은 종종 혼동되지만 두 가지는 서로 다릅니다.

• undefined는 변수 또는 함수에 값이 할당되지 않은 상태를 나타내는 반면, null은 의도적으로 값이 없는 상태를 나타냅니다.
• undefined는 자바스크립트 환경에서 자동으로 생성되는 반면, null은 개발자가 명시적으로 할당합니다.

undefined를 다루는 방법

undefined를 다루는 일반적인 방법은 다음과 같습니다.

• null 또는 undefined 검사: if (변수 === null || 변수 === undefined) 을 사용하여 변수가 null 또는 undefined인지 검사할 수 있습니다.
• 삼항 연산자: undefined인 경우 기본값을 할당하기 위해 삼항 연산자를 사용할 수 있습니다. 예: 변수 || 기본값
• STRICT_NULL_CHECK 모드: ES2020에서 도입된 STRICT_NULL_CHECK 모드에서는 undefined 비교에 대한 더 엄격한 검사를 수행합니다.

예제

다음은 undefined를 사용하는 예제입니다.

“`javascript
// 변수 선언 없음
let myVariable;
console.log(myVariable); // undefined

// 값을 반환하지 않는 함수
function noReturnValue() {}
console.log(noReturnValue()); // undefined

// 객체에 없는 속성
const myObject = {};
console.log(myObject.nonExistentProperty); // undefined
“`

결론

undefined는 자바스크립트에서 중요한 키워드로, 값이 할당되지 않은 변수 또는 값을 반환하지 않는 함수를 나타냅니다. undefined와 null을 구별하고 undefined를 효과적으로 처리하는 방법을 이해하면 안정적이고 강력한 자바스크립트 코드를 작성하는 데 도움이 될 수 있습니다.