在低级语言中，如果要通过引用传递变量，则必须在创建函数时使用特定语法：

int myAge = 14;
increaseAgeByRef(myAge);
function increaseAgeByRef(int &age) {
  *age = *age + 1;
}

&age是对myAge的引用，但如果您需要该值，则必须使用*age转换引用。

JavaScript是一种高级语言，可以为您进行这种转换。

因此，尽管对象是通过引用传递的，但语言将引用参数转换为值。您不需要在函数定义上使用&来通过引用传递它，也不需要在功能体上使用*来将引用转换为值，JavaScript会为您执行此操作。

这就是为什么当您试图通过替换函数中的对象的值（即age={value:5}）来更改该对象时，更改不会持久，但如果您更改了它的财产（即age.value=5），更改就会持久。

了解更多信息

变量不“保存”对象；它有一个参考。您可以将该引用分配给另一个变量，现在两者都引用同一个对象。它总是按值传递（即使该值是引用…）。

无法更改作为参数传递的变量所持有的值，如果JavaScript支持通过引用传递，这是可能的。

我发现Undercore.js库的extend方法非常有用，当我想将一个对象作为一个参数传递时，它可以被修改或完全替换。

function replaceOrModify(aObj) {
  if (modify) {

    aObj.setNewValue('foo');

  } else {

   var newObj = new MyObject();
   // _.extend(destination, *sources) 
   _.extend(newObj, aObj);
  }
}

嗯，这是关于“性能”和“速度”的，在编程语言中，简单地说就是“内存管理”。

在javascript中，我们可以将值放在两层：type1对象和type2所有其他类型的值，如字符串和布尔值等

如果你把记忆想象成下面的方块，其中每个方块中只能保存一个type2值：

每个type2值（绿色）是一个正方形，而type1值（蓝色）是它们的一组：

重点是，如果你想指示一个type2值，地址是很简单的，但如果你想对type1值做同样的事情，那根本不容易！：

在一个更复杂的故事中：

所以这里的参考资料可以拯救我们：

虽然这里的绿色箭头是一个典型变量，但紫色箭头是对象变量，所以因为绿色箭头（典型变量）只有一个任务（这表示一个典型值），所以我们不需要将它的值与它分开，所以我们将绿色箭头与它的值一起移动到任何位置，在所有赋值、函数等中。。。

但我们不能用紫色箭头做同样的事情，我们可能想把“约翰”牢房搬到这里或其他很多事情。。。，所以紫色的箭头会固定在它的位置上，而分配给它的典型箭头会移动。。。

一个非常令人困惑的情况是，您无法意识到引用的变量是如何变化的，让我们来看一个非常好的例子：

let arr = [1, 2, 3, 4, 5]; //arr is an object now and a purple arrow is indicating it
let obj2 = arr; // now, obj2 is another purple arrow that is indicating the value of arr obj
let obj3 = ['a', 'b', 'c'];
obj2.push(6); // first pic below - making a new hand for the blue circle to point the 6
//obj2 = [1, 2, 3, 4, 5, 6]
//arr = [1, 2, 3, 4, 5, 6]
//we changed the blue circle object value (type1-value) and due to arr and obj2 are indicating that so both of them changed
obj2 = obj3; //next pic below - changing the direction of obj2 array from blue circle to orange circle so obj2 is no more [1,2,3,4,5,6] and it's no more about changing anything in it but we completely changed its direction and now obj2 is pointing to obj3
//obj2 = ['a', 'b', 'c'];
//obj3 = ['a', 'b', 'c'];

在JavaScript中，值的类型仅控制该值是由值副本分配还是由引用副本分配。

基本值始终由值副本分配/传递：

无效的未定义一串数字布尔型ES6中的符号

复合值始终由引用副本分配/传递

物体阵列作用

例如

var a = 2;
var b = a; // `b` is always a copy of the value in `a`
b++;
a; // 2
b; // 3

var c = [1,2,3];
var d = c; // `d` is a reference to the shared `[1,2,3]` value
d.push( 4 );
c; // [1,2,3,4]
d; // [1,2,3,4]

在上面的代码段中，因为2是标量原语，所以a保存该值的一个初始副本，而b被分配了该值的另一个副本。更改b时，绝对不能更改a中的值。

但c和d都是对同一共享值[1，2]的单独引用，这是一个复合值。需要注意的是，c和d都没有“拥有”[1,2,3]值——两者都只是对该值的对等引用。因此，当使用任意一个引用来修改（.push（4））实际的共享数组值本身时，它只影响一个共享值，并且两个引用都将引用新修改的值[1,2,3,4]。

var a = [1,2,3];
var b = a;
a; // [1,2,3]
b; // [1,2,3]

// later
b = [4,5,6];
a; // [1,2,3]
b; // [4,5,6]

当我们赋值b=[4,5,6]时，我们没有做任何事情来影响a仍然引用的位置（[1,2,3]）。要做到这一点，b必须是指向a的指针，而不是对数组的引用——但JS中不存在这样的功能！

function foo(x) {
    x.push( 4 );
    x; // [1,2,3,4]

    // later
    x = [4,5,6];
    x.push( 7 );
    x; // [4,5,6,7]
}

var a = [1,2,3];

foo( a );

a; // [1,2,3,4]  not  [4,5,6,7]

当我们传入参数a时，它将一个引用的副本分配给x。x和a是指向相同[1,2,3]值的独立引用。现在，在函数内部，我们可以使用该引用来改变值本身（push（4））。但是当我们赋值x=[4,5,6]时，这不会影响初始引用a指向的位置——仍然指向（现在已修改）[1,2,3,4]值。

要有效地通过值副本传递复合值（如数组），需要手动复制它，这样传递的引用就不会指向原始值。例如：

foo( a.slice() );

可以通过引用副本传递的复合值（对象、数组等）

function foo(wrapper) {
    wrapper.a = 42;
}

var obj = {
    a: 2
};

foo( obj );

obj.a; // 42

这里，obj充当标量基元属性a的包装器。当传递给foo（..）时，将传入obj引用的副本，并将其设置为wrapper参数。我们现在可以使用包装器引用来访问共享对象，并更新其属性。函数完成后，obj.a将看到更新的值42。

来源

这样想：它总是通过价值传递。然而，对象的值不是对象本身，而是对该对象的引用。

下面是一个例子，传递一个数字（一个原始类型）

function changePrimitive(val) {
    // At this point there are two '10's in memory.
    // Changing one won't affect the other
    val = val * 10;
}
var x = 10;
changePrimitive(x);
// x === 10

对对象重复此操作会产生不同的结果：

function changeObject(obj) {
    // At this point there are two references (x and obj) in memory,
    // but these both point to the same object.
    // changing the object will change the underlying object that
    // x and obj both hold a reference to.
    obj.val = obj.val * 10;
}
var x = { val: 10 };
changeObject(x);
// x === { val: 100 }

再举一个例子：

function changeObject(obj) {
    // Again there are two references (x and obj) in memory,
    // these both point to the same object.
    // now we create a completely new object and assign it.
    // obj's reference now points to the new object.
    // x's reference doesn't change.
    obj = { val: 100 };
}
var x = { val: 10 };
changeObject(x);
// x === { val: 10}