11장 원시 값과 객체의비교

• 원시 타입
  • 변경 불가능한 값
  • 변수에 할당하면 변수에는 실제 값이 저장
  • 값에 의한 전달 (원시 값을 갖는 변수를 다른 변수에 할당하면 원본의 원시 값이 복사되어 전달)
• 객체 타입
  • 변경 가능한 값
  • 변수에 할당하면 변수에는 참조 값이 저장
  • 참조에 의한 전달 (객체를 가리키는 변수를 다른 변수에 할당하면 원본의 참조 값이 복사되어 전달)

11.1 원시 값

11.1.1 변경 불가능한 값

• 원시값 : 변경 불가능한 값, 즉 읽기 전용 값이다.
• 변경 불가능하다는 것은 변수가 아니라 값에 대한 진술이다.
• 원시값 자체를 변경할 수 없다는 것이지 변수 값을 변경할 수 없다는 것이 아니다.
• 그러므로 상수와 변경 불가능한 값을 동일시 하는 것은 곤란하다. 상수는 재할당이 금지된 변수일 뿐이다.
• 불변성 : 원시값을 할당한 변수에 새로운 원시 값을 재할당하면, 새로운 메모리 공간을 확보하고 재할당한 원시 값을 저장한 후, 변수가 참조하던 메모리 공간의 주소를 변경 한다.
• 원시값이 있는 메모리 공간의 주소에 값을 재할당할 수 있다면, 불변성이 깨진다.
• 불변성을 갖는 원시 값을 할당한 변수는 재할당 이외에 변수 값을 변경할 수 있는 방법이 없다.

11.1.2 문자열과 불변성

• 문자열은 원시 타입이며, 변경 불가능하다.
• 문자열은 유사 배열 객체이며 이터러블이므로 배열과 유사하게 각 문자에 접근 할 수 있지만, 일부 문자를 변경해도 반영되지 않는다.

var str = 'string';
str[0] = 'S'; // 원시값이기 때문에, 변경할 수 없다
console.log(str); // string

• 단, 변수에 새로운 문자열을 재할당하는 것은 가능하다.

11.1.3 값에 의한 전달

• 값에 의한 전달 : 원시 값이 복사되어 전달 된다.

var score = 80;
var copy = score;

console.log(score); // 80
console.log(copy); // 80

score = 100;

console.log(score); // 100
console.log(copy); // 80

var score = 80;
var copy = score;
console.log(score, copy); // 80 80
console.log(score === copy); // true

• score와 copy가 값 80을 갖는 점에서는 동일하지만, 각 변수에 저장된 값은 각자 다른 메모리 공간에 저장된 별개의 값이다.
• 따라서, score의 값을 변경해도 copy에는 아무런 영향도 주지 않는다.
• 값에 의한 전달은 사실은 값을 전달하는 것이 아니라, 메모리 주소 를 전달한다. 단, 전달된 메모리 주소를 통해 메모리 공간에 접근하면 값을 참조할 수 있다.
• 같은 값을 갖는 두 변수의 원시 값은 서로 다른 메모리 공간에 저장된 별개의 값이 되어 어느 한쪽에서 재할당을 통해 값을 변경하더라도 서로 간섭할 수 없다

11.2 객체

• 객체는 프로퍼티의 개수가 정해져 있지 않고, 동적으로 추가되고 삭제할 수 있기 때문에 확보해야 할 메모리 공간의 크기를 사전에 정해 둘 수 없다.
• 객체를 생성하고 프로퍼티에 접근하는 것도 원시값에 비해 비용이 많이 드는 일이다. 그렇기 때문에 원시값과 다른방식으로 동작하도록 설계 되어 있다.

var person = {
    name: 'Lee'
}

11.2.1 변경 가능한 값

• 객체 타입 : 변경 가능한 값
• 변수에 객체 를 할당하면, 참조 값을 통해 객체에 접근 할 수 있다.
• 원시값 을 할당한 변수를 참조하면 메모리에 저장되어 있는 원시값에 접근한다.
• 객체를 할당한 변수는 재할당 없이 객체를 직접 변경할 수 있다. 재할당 없이 프로퍼티를 동적으로 추가할 수도 있고 프로퍼티 값을 갱신할 수도 있으며 프로퍼티 자체를 삭제할 수도 있다.

var person = {
    name: 'Lee'
}
// 프로퍼티 값 갱신
person.name = 'Kim';
// 프로퍼티 동적 생성
person.address = 'Seoul';
console.log(person); // { name: 'Kim', address: 'Seoul' }

• 객체를 할당한 변수에 재할당을 하지 않았으므로, 객체를 할당한 변수의 참조 값은 변경되지 않는다.
• 여러 개의 식별자가 하나의 객체를 공유할 수 있는 구조적 단점이 있다.

11.2.2 참조에 의한 전달

• 참조에 의한 전달 : 객체를 가리키는 변수를 다른 변수에 할당하면, 원본의 참조 값이 복사되어 전달 된다.
• 두 개의 식별자가 하나의 객체를 공유 한다는 것은, 어느 한쪽에서 객체를 변경(생성, 수정, 삭제)하면 서로 영향 을 주고 받는다.

var person = {
    name: 'Lee'
}

// 얕은 복사
var copy = person;
console.log(copy === person); // true

// 식별자 copy로 객체 변경
copy.name = 'Kim';

// 식별자 person으로 객체 변경
person.address = 'Seoul';

console.log(person); // {name: 'Kim', address: 'Seoul'}
console.log(copy); // {name: 'Kim', address: 'Seoul'}