修改堆内存_通过内存分析来解释JavaScript数组赋值问题

本文转 SegmentFault 社区

社区专栏&＃xff1a;夕阳下的奔跑

作者&＃xff1a;G_Koala_C

---

 起因是在逛 sf 的时候看到这样一个问题&＃xff1a;Javascript 为什么 arr 数组没有被赋值&＃xff1f;

var arr&＃61;[1,2];
var arr0&＃61;[{a:1,b:2}];
function fun(data){
data &＃61; arr0
}
fun(arr);
console.log(arr) //[1,2]问题&＃xff1a;调用函数后 arr 的值不是应该改变的吗&＃xff1f;为什么 arr 的值没有改变&＃xff1f;提问者&＃xff1a;smile_梵音  

一看这个问题&＃xff0c;似懂非懂。后经讨论和高人指定&＃xff0c;画了下内存图&＃xff0c;感觉瞬间清晰了。和大家分享下&＃xff0c;欢迎指正&＃xff01;初始的内存分布&＃xff0c;形参变量存在栈中&＃xff0c;对象存在堆内。如图&＃xff0c;栈中有 arr&＃xff0c;arr0&＃xff0c;还有 fun 的形参 data 三个变量&＃xff0c;分别指向了堆中的两个数组对象的首地址。执行 fun(arr);&＃xff0c;将 arr 数组对象的首地址作为实参传入 fun 中&＃xff0c;此时&＃xff0c;data 的指向发生变化&＃xff0c;指向了 arr 数组对象的首地址。如图&＃xff1a;最后 console.log(arr);,输出 arr&＃xff0c;由于 arr 依然指向的是原来的 arr 数组对象&＃xff0c;所以输出没有变化。那么&＃xff0c;再看下另外的情况

var arr&＃61;[1,2];
var arr0&＃61;[{a:1,b:2}];
function fun(data){
data[0] &＃61; 3;
data[1] &＃61; 4;
}
fun(arr);
console.log(arr) //[3,4]&＃xff0c;这里的arr的值为什么又变了呢&＃xff1f;直接开始 fun(arr);&＃xff0c;data 指向 arr 数组对象的首地址&＃xff0c;拿到了 arr 对象的操作权限。方法内部&＃xff0c;data 对 arr 数组对象的值进行了修改(暂不考虑越界的问题)。结果如图&＃xff1a;所以最后 arr 被改变了。两种代码不同的地方是&＃xff0c;一个没改变对象本身&＃xff0c;只是指针发生了变化。另一个是用心的指针操作了对象&＃xff0c;所以原指针指向的数据就发生了变化。另外存在引用传递和值传递的误区。编程的道路&＃xff0c;因为分享越来越宽&＃xff01;

---

 参考社区问题&＃xff1a;https://segmentfault.com/q/1010000022157769?_ea&＃61;35791954https://segmentfault.com/q/1010000022159540?_ea&＃61;35774822

---

部分社区用户回答内容&＃xff1a;Javascript 变量&＃xff0c;实际是一个到对象的 binding 。赋值只修改 binding &＃xff0c;不修改对象。 但是 a.b &＃61; 会修改 a 绑定的对象的 b 属性的 binding &＃xff0c;于是改变了 a 绑定的对象(因为它的一个属性变化了。)回答者&＃xff1a;fefe   js 函数传参全部都是值传递&＃xff01;对于原始类型&＃xff0c;存放在栈内存中&＃xff0c;变量传递赋值的时候是值传递&＃xff0c;这个没什么好说的&＃xff01;对于对象(object,arr,function等)来说&＃xff0c;存放在堆内存中&＃xff0c;变量的值其在堆内存中的地址&＃xff0c;函数传参的时候&＃xff0c;对于这类数据&＃xff0c;传递的是地址的值&＃xff0c;也是按值传递。函数内的变量和函数外的变量都是存放同一个对象在堆内存的地址&＃xff0c;都可以改变其属性数据。回答者&＃xff1a;hfhan  

---

- END -