javascript 中全局变量与形参的赋值

欢迎访问我的博客https://qqqww.com/，祝码农同胞们早日走上人生巅峰，迎娶白富美~~~

1 现象

定义数组

var arr1,arr2,arr3;
var arr4 = [
    {name:'zhangsan',age:'18'},
    {name:'lisi',age:'18'},
    {name:'wangwu',age:'18'},
    {name:'zhaoliu',age:'18'},
    {name:'xiaoming',age:'18'}
];

创建一个change函数

function change(params){
    for(var i = 0; i<params.length;i++){
        params[i].name = params[i].name +'miaomiaomiao'
   }
   return params 
}

将arr4赋值给arr1、arr2、arr3并打印，观察打印结果

arr1 = arr4
arr2 = arr4
arr3 = arr4
console.log(change(arr1)) // 对任意一个数组执行change函数
console.log(arr4)
console.log(arr1)
console.log(arr2)
console.log(arr3)

以下是打印结果

可以发现，当其中任何一个数组改变时，其他的数组的值也会跟着改变

2 原因

在计算机的内存中，系统对变量的声明在栈中，而值是在堆中

画图理解

arr1 = arr4; arr2 = arr4; arr3 = arr4 的赋值只是将arr4的值的地址指向了arr1，arr2，arr3；内存中并没有为其创建内容空间，这样就导致直接或间接的修改变量的值，那么原始值都将被修改。