코어 자바스크립트 1장

 

💡 기본형 데이터와 참조형 데이터의 차이?

• 기본형은 값이 담긴 주솟값을 바로 복제(변수에 값을 할당하기 위해서는 주솟값을 복제해야 함 )하고 참조형은 값이 담긴 주솟값들로 이루어진 묶음을 가리크는 주솟값을 복제함→ 참조형은 주솟값을 복제하는 과정을 두번 거침
• 위의 내용과 연관되어서 기본형은 불변성을 띄고 참조형은 보통 가변성을 띔 (불변값으로 사용하는 경우는 아래에 )
• 불변성이란?

-불변성과 가변성을 이해하기 위해서는 메모리에 데이터가 어떻게 올라가는 지 이해가 필요

<데이터 할당>

	var a;     //변수 a 선언
a= 'abc'      //변수 a에 데이터 할당

변수(데이터가 담길 수 있는 공간 )를 할당할 때 데이터( 위 코드에서 문자열’abc’)를 저장하기 위한 별도의 메모리 공간을 확보해서 메모리의 데이터 영역에 (책의 예시에서는 데이터 영역 주소가 5004이고 5004라는 주소에 데이터 ‘abc’가 저장됨 ) 저장하고 그 데이터 영역의 주소 (5004)를 변수 영역에 저장하는 방식으로 이루어짐

→ 이렇게 변수 영역과 데이터 영역을 분리하면 데이터 처리 효율이 높아짐

불변성?

var b = 5;
var c = 5;
b = 7;

첫 번쨰 줄에서 컴퓨터는 메모리의 데이터 영역에서 5를 찾고 없으면 데이터 공간을 만들어 5를 저장

데이터 공간의 주소를 b에 저장

두번째 줄에서 c에 아까 데이터 영역에 저장한 5를 할당하려고 하면 데이터 영역의 5를 찾아서 그 영역의 주소를 재활용함 → 결국 값을 변경한다는 것은 새로 만드는 동작을 통해 이루어짐

 

가변성?

참조형 데이터는 변수를 할당 할 때

var obj1 = {
	a:1;
	b:'bbb';
};

1. 메모리의 변수 영역에 빈공간 (@1002)를 확보하고 그 주소의 이름을 obj1로 지정
2. 데이터 저장 공간(@5001)에 데이터를 저장하려고 보니 여러개의 프로퍼티가 있음 따라서 별도의 변수 영역을 마련하고 그 주소(@7103~ ?)(←객체의 변수 영역)를 @5001에 저장
3. @7103 및 @7104에 각각 a와 b라는 프로퍼티 이름을 저장
4. 데이터 영역에 a에 할당된 1이 없으므로 임의로 @5003에 저장하고 이 주소를 @7103에 저장

즉, 객체의 변수 영역이 별도로 존재함 이것때문에 가변성이 생김

 

(단 이떄 가변적이라는 것은 참조형 데이터 자체를 변경하는 것이 아닌 그 객체 내부의 프로퍼티를 변경할 때만 설립)

 

💡 불변 객체를 만드는 방법? (깊은 복사)

원본 데이터를 놔두고 새로 객체를 복사하면 됨 → copyObject 함수를 이용

var user ={
	name: 'Jaenam',
	gender: 'male';
};

var copyObject = function (target) {
	var result = {};
	for (var prop in target) {
		result[prop] = target[prop];
	}
return result;
};

var user2 =copyobject(user);
user2.name = 'Jung';

이러한 방법은 얕은 복사로 바로 아래 단계 값만 복사

깊은 복사는 내부의 값을 하나하나 찾아서 전부 복사

var copyObjectDeep = function(target){
	var result = {];
if(typeof target === 'object' && target !== null){
	for(var prop in target){
	result[prop] = copyObjectDeep(target[prop]);
	}
}else{
		result =target;
	}
	return result;
}

 

💡null 과 undefined의 차이가 무엇일까?

undefined는 어떤 변수에 값이 존재하지 않는 경우

null은 사용자가 명시적으로 ‘없음’을 표현하기 위해 대입

명시적으로 undefined를 대입하면 안됨! 대신 nulll을 대입

undefined가 반환되는 경우

1. 데이터 영역의 메모리 주소를 지정하지 않은 식별자에 접근 즉, 값을 대입 X
2. 객체 내부의 존재하지 않는 프로퍼티에 접근
3. return 문이 없거나 호출되지 않는 함수의 실행결과