在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。

来源

语义！！设置具体的定义必然会使一些答案和注释不兼容，因为即使使用相同的单词和短语，它们也不会描述相同的内容，但克服这种困惑至关重要（尤其是对于新程序员）。

首先，并非每个人都能理解抽象的多个层次。学习过第四代或第五代语言的较新程序员可能很难围绕汇编语言或C语言程序员熟悉的概念进行思考，而不是通过指向指针的指针来实现。通过引用传递不仅仅意味着能够使用函数参数变量更改被引用对象。

变量：引用内存中特定位置值的符号的组合概念。在讨论细节时，这个术语通常太过沉重，不能单独使用。

符号：用于引用变量（即变量名称）的文本字符串。

值：存储在内存中并使用变量符号引用的特定位。

内存位置：存储变量值的位置。（位置本身由与存储在该位置的值不同的数字表示。）

函数参数：在函数定义中声明的变量，用于引用传递给函数的变量。

函数参数：调用方传递给函数的函数外部的变量。

对象变量：其基本基本值不是“对象”本身，而是指向内存中存储对象实际数据的另一个位置的指针（内存位置值）。在大多数更高一代语言中，“指针”方面通过在各种上下文中自动取消引用而被有效隐藏。

原始变量：其值为实际值的变量。即使这个概念也会因为各种语言的自动装箱和类似对象的上下文而变得复杂，但一般的想法是变量的值是由变量符号表示的实际值，而不是指向另一个内存位置的指针。

函数参数和参数不是一回事。此外，变量的值不是变量的对象（正如许多人已经指出的，但显然被忽略了）。这些区别对于正确理解至关重要。

通过值传递或通过共享调用（对于对象）：函数参数的值被COPIED到另一个由函数参数符号引用的内存位置（无论它是在堆栈上还是在堆上）。换句话说，函数参数收到了传递参数值的副本。。。AND（关键）参数的值从不被调用函数更新/更改/更改。记住，对象变量的值不是对象本身，而是指向对象的指针，因此逐个传递对象变量会将指针复制到函数参数变量。函数参数的值指向内存中完全相同的对象。对象数据本身可以通过函数参数直接更改，但函数参数的值从未更新，因此在整个函数调用过程中，甚至在函数调用之后，它都将继续指向同一对象（即使其对象的数据已更改，或者如果函数参数被完全分配了不同的对象）。仅仅因为被引用的对象可通过函数参数变量更新，就断定函数参数是通过引用传递的，这是不正确的。

通过引用调用/传递：函数参数的值可以/将由相应的函数参数直接更新。如果有帮助，函数参数将成为参数的有效“别名”——它们有效地引用同一内存位置的相同值。如果函数参数是一个对象变量，则更改对象数据的能力与传递值情况没有区别，因为函数参数仍然指向与参数相同的对象。但是在对象变量的情况下，如果函数参数设置为完全不同的对象，那么参数同样也会指向不同的对象——这在传递值的情况下不会发生。

JavaScript不通过引用传递。如果仔细阅读，你会发现所有相反的意见都误解了传递值的含义，他们错误地得出结论：通过函数参数更新对象数据的能力与“传递值”同义。

对象克隆/复制：创建新对象并复制原始对象的数据。这可以是深层副本或浅层副本，但重点是创建了一个新对象。创建对象副本是与传递值不同的概念。有些语言区分类对象和结构（或类似的），并且可能有不同的行为来传递不同类型的变量。但是JavaScript在传递对象变量时不会自动执行类似的操作。但是，缺少自动对象克隆并不意味着通过引用传递。

这些短语/概念最初是在JS创建之前很久定义的，它们没有准确描述javascript的语义。我认为尝试将它们应用于JS会导致更多的困惑。

所以不要被“通过引用/值传递”挂断。

考虑以下事项：

变量是指向值的指针。重新分配变量只会将指针指向新值。重新分配变量不会影响指向同一对象的其他变量，因为每个变量都有自己的指针。

所以如果我必须给它起个名字，我会说“passbypointer”——我们不处理JS中的指针，但底层引擎会处理。

// code
var obj = {
    name: 'Fred',
    num: 1
};

// illustration
               'Fred'
              /
             /
(obj) ---- {}
             \
              \
               1

// code
obj.name = 'George';


// illustration
                 'Fred'


(obj) ---- {} ----- 'George'
             \
              \
               1

// code
obj = {};

// illustration
                 'Fred'


(obj)      {} ----- 'George'
  |          \
  |           \
 { }            1

// code
var obj = {
    text: 'Hello world!'
};

/* function parameters get their own pointer to 
 * the arguments that are passed in, just like any other variable */
someFunc(obj);


// illustration
(caller scope)        (someFunc scope)
           \             /
            \           /
             \         /
              \       /
               \     /
                 { }
                  |
                  |
                  |
            'Hello world'

一些最终意见：

短语“传递值/引用”仅用于描述语言的行为，不一定是实际的底层实现。由于这种抽象，对于正确解释至关重要的关键细节丢失了，这不可避免地导致了当前的情况，在没有额外信息的情况下，单个术语无法充分描述实际行为。人们很容易认为原语是由特殊规则强制执行的，而对象不是，但原语只是指针链的末端。作为最后一个示例，请考虑为什么清除数组的常见尝试不能按预期工作。

变量a=[1，2]；变量b=a；a=[]；console.log（b）；//[1,2]//不起作用，因为“b”仍指向原始数组

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

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

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

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

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

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

我在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

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