주제 : null과 undefined의 차이점을 찾아보기

세부내용
1. 어떨때 값이 null이 되고 undefined으로 저장되는지 가능한 모든 케이스의 js 코드를 작성한다. 각 케이스의 코드상에 저장된 변수가 왜 null이고 undefined인지 원인을 설명한다.
2. 비교연산자를 활용하여 각각의 케이스에 따라 null인지 undefined인지 확인하는 코드를 작성한다.

NULL 경우

1-1 명시적으로 null 값을 할당

let a = null;
console.log(a);

명시적으로 null 값을 할당하여 null 값이 되었습니다.

1-2 함수가 아무 것도 반환하지 않을 때

function doNothing() {}
let b = doNothing();
console.log(b)

함수가 아무 것도 반환하지 않을 때, 반환값은 undefined이나, 이 케이스에서는 명시적으로 null 값을 반환하기로 하여 null이 할당됩니다.

코드를 입력하세요

undefind 경우

1-3 선언하지 않은 변수를 참조할 때

let a;
console.log(a);

변수에 값을 할당하지 않았으므로 기본값으로 undefined가 할당됩니다

1-4 객체의 존재하지 않는 프로퍼티를 참조할 때

let obj = {};
console.log(obj.noProperty);

객체에 존재하지 않는 프로퍼티를 참조할 때 JavaScript는 undefined 값을 반환합니다.

1-5 함수의 매개변수가 전달되지 않았을 때

function doSomething(arg) {
    console.log(arg);
  }

doSomething();

함수의 매개변수가 전달되지 않았을 때 해당 매변수에는 undefined 값이 할당됩니다

NULL, undefind 체크하기

2-1 NULL 체크

let value = null;

if(value === null) {
    console.log('값이 null입니다.');
  }

2-2 undefind 체크

let value;
//let value = {}.noProperty;

if (typeof value === 'undefined') {
    console.log('값이 undefined입니다.');
  }

github: https://github.com/Canyi0304/JS_undefindVSnull/blob/main/nullTest.js