Deep Dive/11장 원시 값과 객체의 비교

오주형·2022년 4월 23일
0

Deep Dive

목록 보기
5/6

💡page 142 / 11.1.3 값에 의한 전달
예제 11-06

var score = 80;
var copy = score;

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

score = 100;

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

➡️ score 변수와 copy 변수의 값 80은 다른 메모리 공간에 저장된 별개의 값이다. 따라서 score 변수의 값을 변경해도 copy 변수의 값에는 어떠한 영향도 주지 않는다.

➡️ copy = score에서 score는 변수 값 80으로 평가되므로 copy 변수에도 80이 할당될 것이다. 이 때 새로운 숫자 값 80이 생성되어 copy 변수에 할당된다. 변수에 원시 값을 갖는 변수를 할당하면 할당 받는 변수(copy)에는 할당되는 변수(score)의 원시 값이 복사되어 전달된다. 이를 값에 의한 전달이라 한다.

page 143 / 11.1.3 값에 의한 전달
💡예제 11-08

var score = 80;

var copy = score;

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

score = 100;

console.log(score, copy); // 100 80
console.log(score === copy); // false

➡️ score 변수와 copy 변수의 값은 다른 메모리 공간에 저장된 별개의 값이다. 따라서 score 변수의 값을 변경해도 copy 변수의 값에는 어떠한 영향도 주지 않는다.

💡 page 145 / 11.1.3 값에 의한 전달
참고로 "값에 의한 전달"이라는 용어는 자바스크립트를 위한 용어가 아니므로 사실 오해가 있을 수도 있다. 엄격하게 표현하면 변수에는 값이 전달되는 것이 아니라, 메모리 주소가 전달되기 때문이다. 이는 변수와 같은 식별자는 값이 아니라, 메모리 주소를 기억하고 있기 때문이다.
식별자는 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름이다. 값은 메모리 공간에 저장되어 있다. 따라서 식별자는 메모리 공간에 저장되어 있는 어떤 값을 구별해서 식별해낼 수 있어야 하므로 변수와 같은 식별자는 값이 아니라 메모리 주소를 기억하고 있다.
식별자로 값을 구별해서 식별한다는 것은 식별자가 기억하고 있는 메모리 주소를 통해 메모리 공간에 저장된 값에 접근할 수 있다는 것을 의미한다. 즉, 식별자는 메모리 주소에 붙인 이름이라고 할 수 있다.

💡page 153 / 11.2.2 참조에 의한 전달
예제 11-18

var person ={
name: 'Lee'
}

var person1 = {
name: 'Lee'
};

var person2 = {
name: 'Lee'
};

console.log(person1); // {name: 'Lee'}
console.log(person2); //{name: 'Lee'}
console.log(person1 === person2); // 1️⃣ false
console.log(person1.name === person2.name); // 2️⃣ true

➡️ 객체 리터럴은 평가될 때마다 객체를 생성한다. 따라서 person1 변수와 person2 변수가 가리키는 개게는 비록 내용은 같지만 다른 메모리에 저장된 별개의 객체다. 그렇기에 1️⃣은 false다.

➡️ 프로퍼티 값을 참조하는 person.name과 person2.name은 값으로 평가될 수 있는 표현식이다. 두 표현식은 모두 원시 값 'Lee'로 표현되기 때문에 2️⃣는 true다.

profile
곧 개발자

0개의 댓글