js 引用赋值与传值赋值小结

如果你有幸看到本文章，说明你在这个方面或多或少踩坑了。

在JavaScript中基本数据类型都是传值赋值，复合数据类型都是引用赋值(传地址)也叫引用传址

基本数据类型的变量名和数据是直接存在"快速内存"（栈内存）中。

基本的数据类型有：undefined，boolean，number，string，null。 基本类型存放在栈区，访问是按值访问的，就是说你可以操作保存在变量中的实际的值。

而复合数据类型（对象和数组）的存储分两个部分：

①具体的数据存在“慢速内存”“堆内存”中；

②将变量名和数据地址存在“快速内存”“栈内存”中。

复合数据类型可以拥有属性和方法，并且我们可以修改其属性和方法。

引用传址：将一个变量的数据地址，“拷贝”一份，传给另了另一个变量。这两个变量，指向“同一个地址”。

大家共享同一份数据。

如果其中一个变量的值发生了改变，那么，另一个变量的值也得变。要变一起变。

举例：

基本数据类型：

    var a=1;
    var b=a;
    a=2;
    console.log(b);  // 打印输出结果: 1

当基本类型的数据赋值时，赋得是实际的值，a和b是没有关联关系的，b由a复制得到，相互独立。

复合数据类型

    let a_arr=[1,2,3,4,5];
    let b_arr=a_arr;
    a_arr[0]=10;
    console.log(b_arr); // 打印输出结果: (5) [10, 2, 3, 4, 5]

对象（包括数组)使用的是引用赋值。当我们把一个对象赋值给一个新的变量时，赋的其实是该对象的在堆中的地址，而不是堆中的数据。也就是将一个变量的数据地址，“拷贝”一份，传给另了另一个变量。这两个变量，指向“同一个地址”。因此，两个对象是联动的。

那么问题来了，如何让 b_arr 的值不要因a_arr的改变而改变呢？也就数说，b_arr打印输出结果为 (5) [1, 2, 3, 4, 5]

解决办法：

    let a_arr=[1,2,3,4,5];
    let b_arr=a_arr.concat();
    a_arr[0]=10;
    console.log(b_arr); // 打印输出结果: (5) [1, 2, 3, 4, 5]

concat() 方法用于连接两个或多个数组。

concat() 方法不会更改现有数组，而是返回一个新数组，其中包含已连接数组的值。

END

如有问题请在下方留言。

或关注我的公众号“孙三苗”（sunsanmiao），输入“联系方式”。获得进一步帮助。