자바스크립트 기초 1. 변수 | primitive 타입과 object의 차이점

1. primitive type

// number, string, boolean, null, undefined, symbol
let age = 2;
let num = '2';

• 담을 수 있는 가장 작은 단위의 데이터들
• 변수 이름 지정 시 의미 있는 이름으로 지정하기 (number ➡ age)

let number = 2;
let number2 = number;

• primitive 선언 시 각 메모리 할당

 

2. object type

• primitive 이외의 모든 데이터들
• 최소한 1~2가지의 데이터를 한 군데에 묶어놓은 것
• 함수도 포함
• key와 value로 구성

let obj = {
	name: 'ellie',
    age: 5,
}

obj.name; // obj를 가리키는 곳의 name이라는 값을 찾는다

• 각 key마다 메모리 할당되고, 이 메모리들을 묶은 위치를 나타내는 reference(주소)가 있다.

let obj2 = obj;

• obj2라는 변수에 새로운 메모리 공간이 생기고, obj의 reference가 복사된다.
• obj에 들어있는 주소를 이용해서 obj의 값(name, age)을 이용
• 이 때, obj의 값을 변경하게 되면 obj2의 값 또한 변경된다.

 

3. let과 const

• let: 선언 후 값 변경 가능
• const: 선언 후 값 변경 불가, 상수 변수
• object가 const인 경우?

const obj = {
	name: 'ellie',
    age: 5,
};

// const로 선언된 obj의 reference 변경 불가
obj = {
	name: 'james',
    age: 7,
};

// But, obj가 가리키는 값 변경은 가능
obj.name = 'James';

• obj가 const인 경우에는, 자체의 reference 값은 변경이 불가하다.
  • 상수 변수가 담겨있는 reference 자체를 변경하는 것이 불가능하다.
• obj가 가리키는 것을 다른 값으로 변경하는 것은 가능하다.
• object는 object 자체가 담겨있는 것이 아니라, 어딘가에 따로 저장이 되어있다. reference만 상수 변수에 담겨있다.

 

 

 

참고

youtube 드림코딩 by 엘리

https://www.youtube.com/watch?v=__Zz17_5FRU&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=15