Undefined의 의미와 사용법

<h2>정의</h2>

<p>Undefined는 자바스크립트에서 변수 또는 함수가 선언되지 않았거나 초기화되지 않은 상태를 나타내는 키워드입니다. undefined는 값이 아닌 상태를 나타내는 특수한 값입니다.

<h2>사용법</h2>

다음은 undefined를 사용하는 방법입니다.

<ul>
    <li><strong>변수 선언:</strong> let 변수명;</li>
    <li><strong>함수 선언:</strong> function 함수명() {};</li>
    <li><strong>함수 표현식:</strong> const 함수명 = () => {};</li>
</ul>

선언된 변수 또는 함수를 사용하기 전에 초기화하지 않으면 undefined가 반환됩니다.

<h2>예제</h2>

<pre>
let 변수;
console.log(변수); // undefined

function 함수() {}
console.log(함수()); // undefined
</pre>

<h2>Null과의 차이점</h2>

Undefined와 null은 자주 혼동되는 두 가지 개념입니다. 그러나 이 둘은 다음과 같은 중요한 차이점이 있습니다.

<table border="1" cellpadding="5">
    <tr>
        <th>특징</th>
        <th>Undefined</th>
        <th>Null</th>
    </tr>
    <tr>
        <td>값</td>
        <td>변수 또는 함수가 선언되지 않았거나 초기화되지 않음</td>
        <td>명시적으로 null 값으로 초기화됨</td>
    </tr>
    <tr>
        <td>자바스크립트 데이터 유형</td>
        <td>undefined</td>
        <td>object</td>
    </tr>
    <tr>
        <td>strict equality (===)</td>
        <td>변수 또는 함수와 undefined는 같음</td>
        <td>변수 또는 함수와 null은 다름</td>
    </tr>
</table>

<h2>결론</h2>

Undefined는 자바스크립트에서 변수 또는 함수가 선언되지 않았거나 초기화되지 않은 상태를 나타냅니다. Null과는 달리 undefined는 값이 아닌 상태를 나타내는 특수한 값입니다. 변수나 함수를 사용하기 전에 초기화하지 않으면 undefined가 반환됩니다.