[JS] : Null / Undefined

 

undefined

코딩을 하다보면 참 많이 보는 녀석이다.

JS에서 값이 없을 때 많이 나타내준다.

undefined 가 출력되는 상황은 여러가지가 있다.

• 변수에 값이 지정되지 않은 경우, 데이터 영역의 메모리주소를 갖고 있지 않은 식별자에 접근할 때 발생
• 객체나 배열에 . 또는 [] 으로 접근하고자 할 때 해당 데이터가 존재하지 않는 경우
• return 문이 없는 함수 또는 호출되지 않는 함수를 실행하고자 할 경우

예시 코드 

var a;
console.log(a); // 값을 할당되지 않은 변수에 접근할 때

var obj = { a: 1 };
console.log(obj.a); // 1
console.log(obj.b); // 존재하지 않는 property에 접근할 때
// console.log(b); // 오류 발생

var func = function() { };
var c = func(); // 반환 값이 없는 함수를 실행한 값을 할당한 후 확인해보면,
console.log(c); // undefined

JS에서는 위와 같은 상황에서 undefined 를 출력하기 때문에, "없음"을 명시적으로 표현하고자 한다면,
undefined 가 아닌 Null 로 통일시키려고 해야 한다.

 

Null

"없음"을 명시적으로 표현하는 기본형 데이터 타입이다.

코딩을 하면서 주의할 부분은 Null 의 타입을 확인 할 때 Null 의 타입은 object가 나온다는 것이다.

이유는 JS에 존재하는 버그 중 하나이다.

예시 코드

var n = null;
console.log(typeof n); // object JS 버그

// 동등연산자 (equality operator)
console.log(n == undefined); // true
console.log(n == null); // true

// 일치연산자 (identity operator)
console.log(n === undefined); // false
console.log(n === null); // true

동등연산자와 일치연산자의 차이는

우선 형태의 차이는 " = " 의 개수이다. 각각 2개와 3개로 형태의 차이가 존재한다.

의미의 차이는 동등연산자 같은 경우는 서로 동등한 값을 가지는지 확인하는 연산자이다.
이때, 서로의 타입까지 일치한지 판별하지는 않는다.

반면, 일치연산자는 서로 타입까지 일치하는지 판별해주는 연산자이다.

고로 예외처리 혹은 코딩을 진행하면서 일치연산자를 사용하는 편이 보다 더 정확한 일치여부 판별이 가능하다.

 

#null #undefined #동등연산자 #일치연산자