📒

Pass-by-reference vs Pass-by-value

Pass-by-value (값에 의한 전달)

primitive type(원시 타입)에서는 '값 그대로' 저장 / 할당되고 복사되어 전달된다.

primitive type은 값이 한번 정해지면 변경할 수 없고 값은 런타임에 메모리의 스택 영역에 고정된 메모리 영역을 점유하고 저장된다.

JavaScript
복사

위와 같이 Primitive type을 가진 변수 x를 num이라는 새로운 변수에 =를 사용해 할당하면, num에는 x의 값이 복사(copy)된다.

JavaScript에서는 모든 function arguments는 항상 passed-by-value이다.

즉, function argument의 값을 변경시키더라도 function 외부에 변수에는 영향을 주지 않는다.

Pass-by-reference (참조에 의한 전달)

reference type의 변수는 변수에 객체가 그대로 저장되는 것이 아니라 객체가 저장되어 있는 '메모리 주소'인 객체에 대한 '참조 값'이 저장

따라서 복사한 이후 값을 변경하면 이전의 값에도 영향을 미치게 된다.

==(동등연산자) ===(일치연산자) 비교 결과값이 다를 수 있는 원시 타입과 달리 객체 비교시에는 동일하게 전달

하지만 무조건 참조 타입을 넘긴다고 해서 전부 passed by reference는 아니다.

function changeStuff(a, b, c)
{
  a = a * 10;
  b.item = "changed"; // b가 참조하고 있는 주소의 item 값 변경
  c = {item: "changed"}; // c에 새로운 객체 주소 할당
}

var num = 10;
var obj1 = {item: "unchanged"};
var obj2 = {item: "unchanged"};

changeStuff(num, obj1, obj2);

console.log(num); // 10
console.log(obj1.item); // changed
console.log(obj2.item); // unchanged
JavaScript
복사

위 코드를 살펴보자.

num 변수는 primitive type으로 function argument로 전달 시 passed by value가 이루어졌다. 값만 복사했으므로 외부 변수인 num의 값은 변함없이 10이다.

obj1 는 객체로 passed by reference가 이루어졌다. 주소값이 전달되었으므로 b는 obj1과 같은 곳을 가리키고 있다. b.item은 결국 obj1.item 이므로 객체에 변화가 이루어지게 된다.

obj2도 주소값이 전달되었지만 c = {item: 'changed'}에서 참조하는 위치가 아닌 변수에 함수 내에서 새로 생성된 객체 {item: 'changed'} 를 할당하게 된다. 따라서 obj2 객체에는 변화가 없다.

argument 자체를 변경하는 경우에는 argument에 할당한 변수에는 영향을 미치지 않지만, 변수의 내부를 변경하게되면 외부 변수에도 영향을 미치게 된다.

Reference

https://www.javascripttutorial.net/javascript-pass-by-value/

https://stackoverflow.com/questions/518000/is-javascript-a-pass-by-reference-or-pass-by-value-language