分享我对JavaScript中引用的了解

在JavaScript中，当将对象分配给变量时，分配给变量的值是对对象的引用：

变量a={a： 1中，b： 2，c： 3个};变量b=a；//b.c是指交流值console.log（b.c）//输出：3//更改b.c值b.c=4//也会更改交流值console.log（a.c）//输出：4

JavaScript总是按值传递；一切都是价值型的。

对象是值，对象的成员函数本身是值（请记住，函数是JavaScript中的一级对象）。此外，关于JavaScript中的一切都是一个对象的概念；这是错误的。字符串、符号、数字、布尔值、空值和未定义值都是基元。

有时，他们可以利用从基本原型继承的一些成员函数和财产，但这只是为了方便。这并不意味着它们本身就是对象。请尝试以下操作以供参考：

x=“测试”；console.log（x.foo）；x.foo=12；console.log（x.foo）；

在两个console.log中，您都会发现值未定义。

基本体（数字、布尔值等）按值传递。字符串是不可变的，所以对它们来说并不重要。对象通过引用传递（引用通过值传递）。

如果您想要像其他语言一样的（正常）函数参数行为（传递值的副本）然后在传递到函数之前克隆对象：

function run()
{
    var test = [];
    test.push(1);

    console.log('before: '+test); // 1

    changeVariable(_.clone(test)); // (Note: I am using lodash _.clone() function)
 
    console.log('after: '+test); // 1 
}


function changeVariable(test2) {
  var test1 = test2;
  test1.push(2); 
  console.log('inside func:', test1);  // inside func: [1,2]
}   


run();    

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

来源

通过引用外部对象，将函数外部的对象传递到函数中。

当使用该引用操纵其对象时，外部的对象将受到影响。但是，如果在函数内部决定将引用指向其他对象，则根本不会影响外部对象，因为所做的只是将引用重新指向其他对象。