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

在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'];

我在AirBNB风格指南中找到了最简洁的解释：

基本体：访问基本体类型时，直接处理其价值一串数字布尔型无效的未定义

例如。：

var foo = 1,
    bar = foo;

bar = 9;

console.log(foo, bar); // => 1, 9

复杂：访问复杂类型时，需要处理对其值的引用对象大堆作用

例如。：

var foo = [1, 2],
    bar = foo;

bar[0] = 9;

console.log(foo[0], bar[0]); // => 9, 9

也就是说，基本类型是通过值传递的，复杂类型是通过引用传递的。

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

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

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

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

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

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

了解更多信息

MDN文档对其进行了清晰的解释，但并不过于冗长：

函数调用的参数是函数的参数。参数按值传递给函数。如果功能发生变化参数的值，此更改不会在全局或调用函数。但是，对象引用也是值，并且它们是特殊的：如果函数更改引用对象的财产，该更改在函数外部可见，（…）

资料来源：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions#Description

函数内部的简单值不会改变函数外部的值（通过值传递），而复杂值会（通过引用传递）。

function willNotChange(x) {

    x = 1;
}

var x = 1000;

willNotChange(x);

document.write('After function call, x = ' + x + '<br>'); // Still 1000

function willChange(y) {

    y.num = 2;
}

var y = {num: 2000};

willChange(y);
document.write('After function call y.num = ' + y.num + '<br>'); // Now 2, not 2000

一切都是通过价值传递的。

基本类型按值传递（即，实际变量值的新副本传递给函数）。

复杂类型（对象）作为“对象指针”传递。因此，您传递的实际内容是一个指针，它是按值传递的（它是一个地址，一个像任何其他值一样的数值）。显然，如果您试图在函数内修改对象的属性，那么即使在该函数外，修改也会反映出来。这是因为您通过指向属性唯一副本的指针访问属性。

这里的混淆出现在“通过值传递指针”和“通过引用传递对象”上。