[JS] 변수와 자료형

 

 

1. 변수의 종류

• JavaScript는 변수 선언 시 자료형이 아닌 var, let , const, 미작성 중 하나를 골라서 사용한다

키워드	특징
var	변수, 변수명의 중복을 허용한다(덮어쓰기), 함수 레벨의 적용범위(scope)을 갖는다
let	변수, 변수명의 중복을 허용하지 않는다, 블록 레벨의 적용범위(scope)을 갖는다
const	상수, 변수명의 중복을 허용하지 않는다, 블록 레벨의 적용범위(scope)을 갖는다

 

 

2. 변수의 우선순위

우선순위	설명
1 순위 : const	JS는 HTML 상에서 특정 요소를 선택해 지속적으로 추적하여 사용하는 경우가 많기 때문에 상수형 변수에 저장해 고정적으로 사용한다
2 순위 : let
3 순위 : var	요즘에는 var를 잘 쓰지 않는다. 덮어쓰기 가능하기 때문에 변수값이 안전하게 보관되기 어렵기 때문이다.  또한 var는 function-scope을 가지기 때문에 for문 등에서 사용할 경우 로직이 왜곡될 위험이 존재한다.

 

 

3. 변수의 자료형

• JS는 변수 선언 시 별도의 자료형을 지정하지 않는다.
• 변수에 대입되는 값(리터럴)에 의해서 자료형이 결정 된다.
• JS의 자료형은 크게 원시형 자료형과  참조형 자료형으로 나뉜다.
• 원시형 자료형: 객체를 제외한 모든 타입은 불변 값을 정의한다. 고정된 저장 공간을 차지하는 데이터로 그 크기와 상관 없이 하나의 변수에는 하나의 데이터만을 담을 수 있다..
• 참조형 자료형: 원시 자료형이 아닌 모든 것들은 참조 자료형이다. 대표적으로 배열과 객체, 함수가 있다. 원시 자료형은 하나의 변수에는 하나의 데이터만을 담을 수 있는데, 참조 자료형은 여러 데이터를 담을 수 있다.
• 원리: 참조 자료형의 데이터는 heap이라고 부르는 별도의 데이터 보관함에 저장되고, 변수에는 데이터가 저장된 메모리 상의 주소가 저장된다. 원시 자료형과는 다르게 heap 안에 저장된 데이터는 원하는 대로 데이터 사이즈를 조정할 수 있다.

자료형	설명
string	문자열/ "abc",'abc'
number	정수, 실수형 이외에도  "+Infinity, -Infinity, NaN ("Not a Number") 세 개의 상징적인 값을 가진다.
Bigint	BigInt를 Number의 안전 한계를 넘어서는 큰 정수도 안전하게 저장하고 연산할 수 있는 자료형이다.
boolean	논리값/ true, false
object	객체 배열(Array), JS객체(Map형태-(key:value)
function	함수
undifined	자료형이 정의되지 않은 변수, 값이 대입되지 않은 변수
null	null 하나의 값만을 갖는다. 참조하지 않는다는 것을 나타내는 리터럴(자료형 x)

 

 

 

🔑참고:

• https://velog.io/@ccrjun/%EC%9B%90%EC%8B%9C-%EC%9E%90%EB%A3%8C%ED%98%95-%EC%B0%B8%EC%A1%B0-%EC%9E%90%EB%A3%8C%ED%98%95