사과먹는중
당근먹는하니
귀엽고 행복해
당근먹는하니
전체 방문자
오늘
어제
  • 분류 전체보기 (274)
    • 다람쥐🐿 (26)
    • C++ 공부빵야 (7)
    • 공부👻 (5)
    • 프론트엔드✏️ (228)
      • 코드캠프 (120)
      • 팀 프로젝트✨ (31)
      • 개인공부 (67)
    • 프론트엔드 - 바닐라js (7)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • javascript
  • 코딩 부트캠프
  • javascrpit
  • 배포
  • 부트캠프
  • emotion
  • 리액트
  • 프로그래머스
  • CSS
  • 회고
  • 공통 컴포넌트
  • graphql
  • refreshtoken
  • 코딩
  • algorithm
  • typescript
  • next.js
  • 팀플
  • react
  • JS
  • 알고리즘
  • 팀 프로젝트
  • 팀프로젝트
  • 프론트엔드
  • ssg
  • 코드캠프
  • 배열
  • React-hook-form
  • 자바스크립트
  • HTML

최근 댓글

최근 글

티스토리

250x250
반응형
hELLO · Designed By 정상우.
당근먹는하니
프론트엔드✏️

null, undefined

프론트엔드✏️

null, undefined

2022. 7. 1. 16:47
728x90
반응형

 

 undefined는 아예 박스가 없는 상태, null은 박스는 있는데 안에 아무것도 없는 것과 같다. 

let a = undefined;
let b = null;

console.log(typeof(a)); // 'undefined'
console.log(typeof(b)); // 'object'

undefined의 type은 'undefined'

null의 type은 'ojbect'다. 

 

undefined는 말 그대로 아무것도 정의되지 않은 상태다. 

호이스팅 포스팅을 보면 함수 선언부만 갖고 함수 호출을 했을 때 정의부를 가져올 수 없어서 undefined가 뜬다.

 

null은 값이 없음을 나타낸다. 할당이 되지 않은 undefined 상태가 아니라, 빈 값이 할당된 상태다.

 

 

둘 다 boolean값에선 false로 취급된다.  

 

let a = undefined;
let b = null;

console.log(a==b); // true
console.log(a===b); // false

 이전에도 썼지만 undefined와 null을 == 연산자(동등 연산자)로 비교해보면 true로 나온다. 

 

 

728x90
반응형
저작자표시 비영리 동일조건 (새창열림)

'프론트엔드✏️' 카테고리의 다른 글

Javascript와 Node.js, JS V8 Engine  (0) 2022.07.01
==(동등 연산자), ===(일치 연산자)의 차이점  (0) 2022.07.01
토끼는 당근과 사과 둘 다 먹고 싶어! 얕은복사와 깊은 복사. Shallow Copy와 Deep Copy  (0) 2022.07.01
나 보고 있는거야?!?!?!! observable/promise. Hot&Coooool  (0) 2022.07.01
*-커비 프로젝트-* MBTI와 로스트아크 캐릭터!  (0) 2022.06.12
    '프론트엔드✏️' 카테고리의 다른 글
    • Javascript와 Node.js, JS V8 Engine
    • ==(동등 연산자), ===(일치 연산자)의 차이점
    • 토끼는 당근과 사과 둘 다 먹고 싶어! 얕은복사와 깊은 복사. Shallow Copy와 Deep Copy
    • 나 보고 있는거야?!?!?!! observable/promise. Hot&Coooool
    당근먹는하니
    당근먹는하니

    티스토리툴바

    단축키

    내 블로그

    내 블로그 - 관리자 홈 전환
    Q
    Q
    새 글 쓰기
    W
    W

    블로그 게시글

    글 수정 (권한 있는 경우)
    E
    E
    댓글 영역으로 이동
    C
    C

    모든 영역

    이 페이지의 URL 복사
    S
    S
    맨 위로 이동
    T
    T
    티스토리 홈 이동
    H
    H
    단축키 안내
    Shift + /
    ⇧ + /

    * 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.