undefined와 null

• 둘 다 없음을 나타내는 값이다.
• 하지만 동작에 있어서 차이가 있다.

undefined가 자동으로 부여되는 경우

• 명시적으로 지정할 수 있지만, 값이 없을 경우 자바스크립트 엔진이 자동으로 부여한다.
• 아래의 경우 undefined가 자동으로 부여된다
  • 값을 대입하지 않은 변수에 접근하는 경우
  • 객체 내부의 존재하지 않는 프로퍼티에 접근하는 경우
  • return을 하지 않은 함수의 실행 결과

undefined와 배열

• arr1, arr2 둘 다 배열의 길이는 3이지만, 실제로는 아무 원소도 존재하지 않는다.
• 반면, arr3은 undefined라는 값을 가진 3개의 원소로 구성되어 있다.
• 이 경우 배열을 순회하게 되면, arr1, arr2는 원소가 존재하지 않으니 순회하지 않게 된다.
  다만 출력결과에 ---이 포함되어 있는데, 이는 배열의 길이가 3이긴 해서 발생하는 현상으로 보인다.
• 반면 arr3의 경우, 값이 undefined이긴 하지만 엄연히 원소가 존재하기 때문에 순회할 수 있게 된다.

null

• undefined를 사용하면 혼란스러울 수 있다. 이게 지금 사용자가 넣어서 발생한 값인지, 아니면 값 자체를 넣지 않아서 JS엔진이 넣어준 값인지 구별할 수 없다.
• 그래서 권장되는 방법은, 값이 비어있는 상태를 표현하고 싶다면 undefined 대신 null을 사용하는 것이다.
  이렇게 하면, 아래와 같은 규칙이 생긴다
  • undefined: 값을 대입하지 않은 변수에 접근하는 경우 JS엔진이 반환해주는 값
  • null: 값이 비어있는 상태를 표현하고 싶은 경우, 사용자가 대입한 값.

null 주의사항 1 : typeof null은 object이다.

null 주의사항 2 : 동등 연산자로 비교하는 경우 null은 undefined와 같다고 평가된다

null & undefined 정리

• undefined는 값을 대입하지 않은 변수에 접근하는 경우 읽게 되는 값이다
  혹은 객체의 존재하지 않는 프로퍼티에 접근하는 경우, 값을 반환하지 않은 함수의 결과를 읽는 경우에도 undefined를 읽게 된다.
• 반면 null은 자연발생하지 않는다. 사용자가 대입해야만 읽게 되는 값이다.
  따라서 비어있는 상태를 표현하고 싶다면 null을 사용하는편이 좋다.
  undefined는 값을 대입하지 않아서 읽히는 값이기도 하기 때문에, 이게 지금 비어있는 상태인지(의도된 값), 아니면 값을 할당한 적이 없어서 그런건지(실수) 구분하기 어렵다.