论JS函数传参时：值传递与引用传递的区别

这里详细解释JS值传递和引用传递以及二者的区别。

先来解释一下这两个的基本概念吧。

函数调用中，传递是一个数值，我们称为 “值传递”。
函数调用中，传递是对象，一般称为 “引用传递”。

现在这里总体上说明，这二者的本质区别就在于传递的数据类型不一样，值传递传递的是一个值，而引用传递传递的是一个对象。

JS有种基本的数据类型，分别是：布尔、、、S和N。这些基本类型在赋值的时候是通过值传递的方式。值得注意的是还有另外三种类型 A、F和O，它们通过引用来传递。从底层技术上看，它们三都是对象。

基本数据类型
如果一个基本的数据类型绑定到某个变量，我们可以认为该变量包含这个基本数据类型的值。

= ;
= ‘’;
= ;

当我们使用=将这些变量赋值到另外的变量，实际上是将对应的值拷贝了一份，然后赋值给新的变量。我们把它称作值传递。

= ;
= ‘’;
= ;
= ;
(, , , ) , ‘’, , ‘’

和都包含，和都包含’’，并且它们是完全独立的拷贝，互不干涉。如果我们将的值改变，不会受到影响。

= ;
= ‘’;
= ;
= ;
= ;
= ‘’;
(, , , ); , ‘’, , ‘’

对象
如果一个变量绑定到一个非基本数据类型(A, F, O)，那么它只记录了一个内存地址，该地址存放了具体的数据。注意之前提到指向基本数据类型的变量相当于包含了数据，而现在指向非基本数据类型的变量本身是不包含数据的。
对象在内存中被创建，当我们声明 = []，我们在内存中创建了一个数组。记录的是该内存的地址。

= []; ()
(); ()

当执行完()之后，内存中创建了一个空的数组对象，其内存地址为#，指向该地址。

  变量
  地址
  对象

  #
  []

当执行完()之后，数组对象中多了一个元素，但是数组的地址依然没有变，也没有变。

  变量
  地址
  对象

  #
  []

引用传递
对象是通过引用传递，而不是值传递。也就是说，变量赋值只会将地址传递过去。

= [];
C = ;

  变量
  地址
  对象


  #
  []


  C
  #

和C指向同一个数组。 如果我们更新，C也会受到影响。

();
(, C); [, ], [, ]

  变量
  地址
  对象


  #
  [, ]

  C
  #

引用重新赋值
如果我们将一个已经赋值的变量重新赋值，那么它将包含新的数据或则引用地址。

= { ‘’};
= { ‘’};

从指向第一个对象变为指向第二个对象。

  变量
  地址
  对象




  
  #
  { ‘'}


  
  #
  { ‘'}

如果一个对象没有被任何变量指向，就如第一个对象(地址为#)，JS引擎的垃圾回收机制会将该对象销毁并释放内存。
== 和 ===
对于引用类型的变量，和=只会判断引用的地址是否相同，而不会判断对象具体里属性以及值是否相同。因此，如果两个变量指向相同的对象，则返回。

R = [‘H!’];
R = R;
(R === R);

如果是不同的对象，及时包含相同的属性和值，也会返回。

= [“H!”];
= [“H!”];
( === );

如果想判断两个不同的对象是否真的相同，一个简单的方法就是将它们转换为字符串然后判断。

= JSON();
= JSON();
( === );

另一个方法就是递归地判断每一个属性的值，直到基本类型位置，然后判断是否相同。
函数参数
当我们将基本类型数据传入函数，函数会将这些数据拷贝赋值给函数的参数变量。

= ;
= ;
(, ) {

• ;
  }
  H = (, );

的值拷贝给变量，的值拷贝给变量。
纯函数
对于一个函数，给定一个输入，返回一个唯一的输出。除此之外，不会对外部环境产生任何附带影响。我们机会称该函数为纯函数。所有函数内部定义的变量在函数返回之后都被垃圾回收掉。
但是，如果函数的输入是对象(A, F, O)，那么传入的是一个引用。对该变量的操作将会影响到原本的对象。这样的编程手法将产生附带影响，是的代码的逻辑复杂和可读性变低。
因此，很多数组函数，比如A和A是以纯函数的形式实现。虽然它们的参数是一个数组变量，但是通过深度拷贝并赋值给一个新的变量，然后在新的数组上操作，来防止原始数组被更改。
我们来看一个例子：

AI() {
= ;
;
}
= {
‘A’,

};
A = AI();
(); { ‘A’, }
(A); { ‘A’, }

在非纯函数AI中，将对象的更新并返回。原始的对象也被影响，更新为。
让我们来看如何实现一个纯函数：

AP() {
PO = JSON(JSON());
PO = ;
PO;
}
= {
‘A’,

};
C = AP();
(); { ‘A’, }
©; { ‘A’, }

我们通过JSON将对象变为一个字符串，然后再通过JSON将字符串变回对象。通过该操作会生成一个新的对象。
一道简单的面试题
值传递和引用传递经常在面试中被问到，来尝试回答一下如下代码如何输出：

AAR() {
= ;
= {
‘J’,

};
;
}
O = {
‘A’,

};
O = AAR(O);
(O); -&; &#;
(O); -&; &#;

总结
以上所述是给大家介绍的JS的值传递和引用传递，希望对大家有所帮助。
逆战班