본문 바로가기
○ WEB/19.03 FastCampus_JS

3. JS 변수 / 변수 선언 / 변수 초기화 / undefined, null 차이점 / typeof

by 0ver-grow 2019. 6. 14.
반응형

<복습>

1. HTML은 ____형태이다

2. JS코드 작성시 ___에 유의 해야 한다.

 

<정답> 

1. DOM(Document Object Model) 구조

2. 작성 순서

+) 왜냐면 인터프리터언어이므로

 

변수?

변할 수 있는 수

수학적 연산 및 처리가 필요한 경우

 

변수 사용하는 방법 / 변수 선언 키워드

var 변수명;

 

변수에 값 할당 (초기화)

var 변수명 = 값;

 

변수를 작성하면 저장 공간(메모리)에 하나씩 변수들이 쌓인다

변수를 사용한 만큼 메모리를 사용하게 된다.

 

JS코드를 해석할 때는 메모리를 운영체제에게 빌려서 만든 변수들을 쌓아서 사용한다.

 

변수를 선언하기 전에 자료형에 대해 알아보자

변수가 갖는 자료형태를 의미한다.

 

자료형태 5종류

문자(String) / 숫자(Number) / 논리(Boolean) / undefined(값이 정해지지 않은 상태) / null

 

undefined와 null 차이점

undefined는 데이터 타입이자, 값을 나타냅니다.

변수를 선언하면 자동적으로 undefined가 초깃값이 됨

var 변수명;

즉, 미리 선언된 전역변수(전역 객체의 프로퍼티),

typeof undefined는 undefined이다.

 

 

null 또한 데이터 타입이자 값

명시적으로 값이 비어있음을 나타냄.

아무것도 참조하고 있지 않다라는 의미

주로 객체 담을 변수를 초기화할 때 많이 사용하기에 값을 null로 입력해야만 한다.

var 변수명 = null;

즉, null 은 선언,등록을 하는 키워드

typeof null은 object

 

 

이 둘을 구별하기위해 값 뿐만 아니라 타입까지 비교하는 일치연산자(===)를 사용해야 한다.

// 값이 정해지지 않은 상태인 undefined
var x;
console.log(x);

var y = 10;
console.log(y);

// 타입 확인하기
console.log(typeof x); // undefined 형태
console.log(typeof y); // Number 형태
console.log(typeof true); // boolean 형태

 

<퀴즈>

1. 변수는 ___ 이다.

2. 변수의 자료형은 ___에 따라 달란진다.

3. ___을 이용해서 개발자 도구의 콘솔에서 값을 확인한다

4. ___을 이용해서 변수의 자료형을 확인한다.

 

 

 

undefined와 null 비교 출처: https://webclub.tistory.com/1 [Web Club]

 

도움되셨다면 ♡ 눌러주세요! :)

감사합니다!

반응형

'○ WEB > 19.03 FastCampus_JS' 카테고리의 다른 글

5. JS 제어문 1 / 조건문 / if / switch  (0) 2019.06.14
4. JS 연산자  (0) 2019.06.14
2. JS 불러오기 / 파싱 / DOM구조  (0) 2019.06.14
1. JS 기초  (0) 2019.06.14
0. FIREBASE 소개  (0) 2019.06.14