关于js函数的引用传值

事情总是从一个问题开始

let arr = [1,2,3];
change(arr);
console.log(arr); // 此处结果是???
function change(arr) {
  arr = new Array(4,5,6);
  arr.push(7);
}

这个问题还是很容易答错的，至少我第一次就错了哈哈

先说说js函数参数传递

1. 值传递

function addNum(num) {
    num += 10; // 此处的num并非外部的num，只不过是一个同名的临时变量，且被赋予了相同的值
    return num; 
} 
let num = 10; 
let result = addNum(num); 
console.log(num); // 10
console.log(result); // 20

结果该是预料之中吧，因为num是基本数据类型，当作为函数参数的时候，是将字面量的值复制一份给函数参数。所以在函数执行之后，num本身的值并没有被改变，函数中被改变的值仅仅是一个副本而已。

2. 引用传递

function setName(obj) { 
    obj.name = "圣人无名"; // 此处的obj仍然不是外部的obj，但是它指向的内存地址与外部的obj相同，所以修改它的时候影响了外部对象
}
let obj = new Object(); 
obj.name = "至人无己";
setName(obj); 
console.log(obj.name); // 圣人无名

结果差强人意，web是一个引用类型，当作为函数参数的时候，是将对象的引用，也就是对象的内存地址复制一份给函数参数。所以在函数中修改内部的副本同样会影响函数外面的对象本身。

本质是相同的

所以，至此我们发现，其实函数参数传递的过程是一致的，无论参数是
基本数据类型 还是 引用类型，函数内都会创建一个副本变量，然后接收其值，只不过基本数据类型是字面量值，而引用类型是内存地址而已。
而内存地址的相同导致了不同对象之间的互相影响，这才是参数引用传递的 罪魁祸首！

问题的解析

1. 场景一

let arr = [1,2,3];
change(arr);
console.log(arr); // [1,2,3,7]
function change(arr) {
    // 此处的arr并不是外部的arr，只不过它们指向同一个内存引用
    arr.push(7); // 所以此处改变函数内的arr也同时改变了外部的arr
}

熟悉的配方，熟悉的味道，此情此景与上面的引用传递例子毫无二致，结果也是一致的，就不赘述了。

2. 场景二

let arr = [1,2,3];
change(arr);
console.log(arr); // [1,2,3]
function change(arr) {
    // 此处的arr仍然不是外部的arr，只不过它们指向同一个内存引用
    arr = new Array(4,5,6); // 此时重点来了，内部的arr被赋予了新的内存地址！它现在指向一个新创建的Array对象了，所以不再和外部的arr有一点关系
    arr.push(7); // 内部的arr被改变了，但是外部的arr不受影响
}

解释都写在了注释中，关键在于，引用传递时对象之所以会互相影响是因为它们指向相同的内存地址，而此情景中内部的arr所指的内存地址被改变了，所以互相影响的问题也就烟消云散了~

3. 即使不用new结果也是相同的

let arr = [1,2,3];
change(arr);
console.log(arr); // [1,2,3]
function change(arr) {
    arr = [4,5,6];
    arr.push(7);
}