📖 원시 값과 객체의 비교

자바스크립트가 제공하는 7가지 데이터 타입은 크게 원시 타입과 객체 타입으로 구분 할 수 있다.

• 원시 타입의 값, 즉 원시 값은 변경 불가능한 값이다. 이에 비해 객체 타입의 값, 즉 객체는 변경 가능한 값이다.

• 원시 값을 변수에 할당하면 변수(확보된 메모리 공간)에는 실제 값이 저장된다. 이에 비해 객체를 변수에 할당하면 변수(확보된 메모리 공간)에는 참조 값이 저장된다.

• 원시 값을 갖는 변수를 다르 변수에 할당하면 원본의 원시 값이 복사되어 전달된다. 이를 값에 의한 전달이라 한다. 이에 비해 객체를 가리키는 변수를 다르변수에 할당하면 원본의 참조 값이 복사되어 전달된다 이를 참조에 의한 전달이라 한다.

⭐️ 원시 값

원시 타입의 값, 즉 원시 값은 변경 불가능한 값이다.

변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 메모리 공간을 식별하기 위해 붙인 이름, 값은 변수에 저장된 데이터로서 표현식이 평가되어 생성된 결과를 말함. 즉, 변경 불가능하다는 것은 변수가 아닌 값에 대한 진술이다.

// const 키워드를 사용해 선언한 변수는 재할당이 금지된다. 상수는 재할당이 금지된 변수일 뿐이다.
const o = {};

// const 키워드를 사용해 선언한 변수에 할당한 원시 값(상수)은 변경할 수 없다.
// 하지만 const 키워드를 사용해 선언한 변수에 할당한 객체는 변경할 수 있다.
o.a = 1; 
conosole.log(o); {a:1}

⭐️ 객체

객체(참조) 타입의 값, 즉 객체는 변경 가능한 값이다.

원시 값은 변경 불가능한 값이므로 원시 값을 갖는 변수의 값을 변경하라면 재할당 외에는 방법이 없다. 하지만 객체는 변경 가능한 값이다. 따라서 객체를 할당한 변수는 재할당 없이 객체를 직접 변경할 수 있다.즉, 재할당 없이 프로퍼티를 동적으로 추가할 수도 있고 프로퍼티 값을 갱신할 수도 있으며 프로퍼티 자체를 삭제할 수도 있다.

var person = {
  name: 'Lee'
};

//프로퍼티 값 갱신
person.name = "Kim";

//프로퍼티 동적 생성
person.address = 'Seoul';

console.log(person); // {name: "kim", address: "Seoul"}

참조에 의한 전달

// 생성
var person = {
	name: 'Lee'
};

// 참조 값을 복사(얕은 복사)
var copy = person;

객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달된다. 이를 참조에 의한 전달이라 한다.