js中关于函数参数引用传递的误区

先看一段代码：

let a = [1, 2, 3]
function fn(b) {
  b = [4, 5, 6]
}
fn(a)
console.log(a)

正确的打印结果应该是 [1,2,3]，函数体中的代码并没有影响到外部变量a

我们在学习js的时候经常听到的一句话是 简单类型传值，复杂类型传址，意思是简单类型传递的是变量的值，而复杂类型（引用类型）传递的是变量的地址。这句话其实是错误的，这是为了方便理解才总结出来的，而事实是：ECMAScript中所有函数的参数都是按值传递的

在向函数传递引用类型时，它会把变量的内存地址复制给函数的参数。像上例，fn被调用时，函数把a变量的地址复制给b，然后变量b在函数体中又被赋值了一个新的地址（数组），这个过程不会影响到a，所以a不变。

我们简单修改一下函数体：

let a = [1, 2, 3]
function fn(b) {
  b[0] = 2
}
fn(a)
console.log(a) // [2,2,3]

a变量的地址复制给b之后，a和b都指向同一片内存空间，所以两者的修改会同步。

对比这两段代码的差异，相信你能看出其中的端倪。