[모딥다] 11장 원시 값과 객체의 비교

 

 

원시값	객체
- 변경 불가능한 값 - 변수에 실제 값 저장 - 다른 변수에 할당 : 원시 값이 복사되어 전달 (값에 의한 전달)	- 변경 가능한 값 - 변수에 참조 값 저장 - 다른 변수에 할당 : 참조 값이 복사되어 전달 (참조에 의한 전달)

 

 

🥪 11. 1 원시 값

 

11.1.1 변경 불가능한 값

 

원시 타입의 값. 변경 불가능한 값. 

한번 생성되면 변경할 수 없음. 

📌 변경을 할 수 없다는 건 변수가 아니라 값에 대한 것. 

 

변수는 언제든 재할당 가능. 

그 중 상수는 재할당 불가능. 

하지만 상수와 변경 불가능한 값을 동일시 ❌

상수에 객체를 할당하면 재할당은 ❌ 값(내용) 변경은 가능

 

원시 값을 재할당 -> 새로운 메모리 공간 확보 -> 재할당한 원시값 저장 -> 변수가 참조하는 메모리 주소가 바뀜. 

(이전 값은 안쓰이니까 나중에 GC가 없앨거임)

 

📌 메모리 공간의 주소가 변경된 이유

: 원시 값은 변경 불가능한 값이기 때문. === 값의 불변성 때문

: 원시 값은 재할당 외에 변수 값을 변경할 수 있는 방법이 없다. 

 

 

11.1.2 문자열과 불변성

 

문자열만 몇개의 문자로 이뤄졌느냐에 따라 -> 메모리 공간의 크기가 결정됨. (문자 1개당 2바이트임.) 

숫자는 1도, 10000 도 동일한 8바이트가 필요함. 

 

다른 언어에는 string 타입이 없는 경우도 있지만, JS는 제공하고 변경불가능 한 값임. 

 

문자열은 유사 배열 객체 & 이터러블 => 배열과 유사하게 각 문자에 접근 가능. 

 

📌 유사 배열 객체

- index 로 프로퍼티 값에 접근 가능

- length 프로퍼티를 갖는 객체

-> for 문으로 순회 가능

 

index를 통해 각 문자에 접근은 가능하지만, 변경은 안됨. (안됐다고 알려주지도 않음)

 

 

11.1.3 값에 의한 전달

 

변수에 변수 할당 => 복사한 새로운 값이 할당됨. 

변수와 그 변수에 할당된 변수는 값은 같지만, ===

다른 메모리 공간에 저장된 별개의 값임. 

=> 변수 -> 변수로 할당 후, 하나의 변수의 값을 변경 했을 때 : 각각 아무런 영향도 미치지 않는다. 

 

'값에 의한 전달' 이란 용어는 JS 용어는 아니라서 헷갈리지 말것. 

(변수와 같은 식별자는 값이 아니라 메모리 주소를 기억하고 있다)

 

📌 결론

변수에 원시값을 갖는 변수를 할당하면 => 두 변수의 원시 값은 서로 다른 메모리 공간에 저장된 별개의 값이 되어, 

어느 한쪽에서 재할당을 통해 값을 변경하더라도 서로 간섭할 수 없다.!

 

 

 

 

 

🥪 11.2 객체

 

객체 : 프로퍼티의 개수가 정해져 있지 않으며, 동적으로 추가되고 삭제할 수 있다.

=> 확보할 메모리 공간의 크기를 사전에 정해둘 수 없음. 

(원시 값과는 다른 방식으로 동작함)

=> 해시 라는 곳에 주소를 저장

 

11.2.1 변경 가능한 값

 

객체는 변경 가능한 겂. 

객체를 할당한 변수 -> 메모리 공간에 접근하면 참조값에 접근할 수 있음.

참조값 : 생성된 객체가 저장된 메모리의 주소 그 자체

 

값을 할당하면 변수는 ~ 값을 갖는다, 값이 ~다 라고 얘기하지만,

객체를 할당한 변수는 객체를 참조하고 있다, 객체를 가리키고 있다 라고 표현 

 

📌 객체를 할당한 변수는 재할당 없이 객체를 직접 변경할 수 있다. 

즉, 프로퍼티를 동적으로 추가, 갱신, 삭제 가능

(객체를 할당한 변수의 참조값이 변경되지 않음. )

 

이유: 메모리의 효율성과 성능을 위함. 

 

단점 : 원시값과는 다르게 여러 개의 식별자가 하나의 객체를 공유할 수 있다는 것. 

 

📌 얕은 복사 Shallow Copy & 깊은 복사 Deep Copy

얕은 복사 Shallow Copy	깊은 복사 Deep Copy
- 객체에 중첩된 객체의 경우 참조값을 복사 (메모리 주소) - 객체를 할당한 변수를 다른 변수에 할당하는 것	- 객체에 중첩된 객체까지 모두 복사, 원시 값처럼 완전한 복사본 만듦 - 원시값을 할당한 변수를 다른 변수에 할당하는 것

 

(배열 등을 가공할 때 주의해야함.)

 

 

11.2.2 참조에 의한 전달

 

참조에 의한 전달 : 객체를 가리키는 변수를 다른 변수에 할당 -> 참조 값이 복사되어 전달됨

 

=> 저장된 메모리 주소는 다르지만 동일한 참조 값이 들어있음. 

=> 두 개의 식별자가 하나의 객체를 공유한다는 것

=> 원본, 사본 중 한쪽에서 객체를 변경하면 서로 영향을 주고 받음..!!

 

 

📌 엄밀히 말하면 값에 의한 전달이든 참조에 의한 전달이든

갖고 있는 주소 값이 복사되는 건 동일하기 떄문에

JS에서는 값에 의한 전달만 존재한다고 할 수 있음. 

 

 

 

퀴즈 맞췄으면 이해한거임.