JavaScript参数按值传递的理解

NeverSayNever 发布于2019-08-20 19:05 / 1207人阅读

摘要：栈内存与堆内存简单类型的值，它们的值直接存储在变量访问的位置，这是因为这些简单类型占据的空间是固定的，所以可将他们存储在较小的内存区域栈中。

看到一个这样的问题

function setName(obj) {
  obj.name = "Tom";
  obj = new Object();
  obj.name = "Greg" ;
}

var person = new Object();
setName(person);
alert(person.name);  //"Tom"

按照一般的理解第二次重写name属性会覆盖原先的name，输出应该是"Greg"才对。
这个问题其实就是高程书上的原题，高程书的一些地方看了很多遍，但是每次重看都还是会有新的理解，这里理解的关键在于JavaScript函数的参数是按值传递的。
之前只是粗泛的了解参数按值传递，但是却并没有搞清楚本质，结合高程书和知乎的这个回答链接才对这个问题算是真正理解了。

栈内存与堆内存

简单类型的值，它们的值直接存储在变量访问的位置，这是因为这些简单类型占据的空间是固定的，所以可将他们存储在较小的内存区域 – 栈中。这样存储便于迅速查寻变量的值。每次复制都是一个多带带的副本，之间相互独立

var num1 = 5; 
var num2 = num1;

图示

引用类型的值存储在堆（heap）中的对象，也就是说，存储在变量处的值是一个指针（point），指向存储对象的内存地址。这是因为：引用值的大小会改变，所以不能把它放在栈中，否则会降低变量查寻的速度。相反，放在变量的栈空间中的值是该对象存储在堆中的地址。地址的大小是固定的，所以把它存储在栈中对变量性能无任何负面影响。

var obj1 = new Object(); 
var obj2 = obj1; 
obj1.name = "Nicholas"; 
alert(obj2.name); //"Nicholas"

图示

ECMAScript中所有函数的参数都是按值来传递的

其实ECMAScript函数参数实际上是函数的局部变量，因此本题中将一个对象作为参数传入时，复制了一个指针指向对象在堆内存中的内存地址。按值复制传递上复制了一个指针变量，这个变量是按值传递的。
在调用函数内部将一个新的Object赋给obj之前内存情况是这样的：

如果是按引用传递，就会直接把第一个（也就是变量本身）整个传递进去（就不会有第二格的存在了）
再将新的Object赋给obj之后：

可以看到obj指向新的Object内存地址，而person引用的仍然是原来的Object，并且在函数内部新建的局部对象会在函数执行完毕后销毁，因此打印的name是第一个。
原文地址

参考书籍

《JavaScript高级程序设计》

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85133.html

JavaScript深入之参数按值传递

摘要：深入系列第九篇，除了按值传递引用传递，还有第三种传递方式按共享传递定义在高级程序设计第三版，讲到传递参数中所有函数的参数都是按值传递的。 JavaScript深入系列第九篇，除了按值传递、引用传递，还有第三种传递方式 —— 按共享传递定义在《JavaScript高级程序设计》第三版 4.1.3，讲到传递参数： ECMAScript中所有函数的参数都是按值传递的。什么是按值传递呢？...

DataPipeline 2019-08-20 16:08 评论0 收藏0
JavaScript参数按值传递的理解

摘要：栈内存与堆内存简单类型的值，它们的值直接存储在变量访问的位置，这是因为这些简单类型占据的空间是固定的，所以可将他们存储在较小的内存区域栈中。看到一个这样的问题 function setName(obj) { obj.name = Tom; obj = new Object(); obj.name = Greg ; } var person = new Object();...

galois 2019-08-20 19:06 评论0 收藏0
call by sharing——JavaScript中“共享传参”和“按值传参”的理解

摘要：众所周知，中参数是按值传递的。先大概介绍按值传参基本类型基本类型的参数传递比较简单，示例代码的值复制给了函数内部的局部变量所以在函数内部改变的值并不会影响外部的值。众所周知，JavaScript中参数是按值传递的。与访问变量不同，基本类型和引用类型的参数在传递时都如同变量的复制。但是我们在使用引用类型的参数传递时，经常会发现在函数内改变引用类型参数（如对象）会在函数外反映出来，这种...

jsdt 2019-08-19 18:23 评论0 收藏0
深入理解javascript按值传递与按引用传递

摘要：引用类型参数的传递与引用类型的复制一样，传递的是内存地址。指向一个新的地址，与不再指向同一个地址官方解释来一发中所有函数的参数都是按值传递的。总结很简单，函数参数都是按值传递都是栈内数据的拷贝。基本类型与引用类型值类型（基本类型）：String，Number，Boolean，Null，Undefined。引用类型：Array、Object、Function、Date等有多个值...

Nosee 2019-08-05 12:47 评论0 收藏0
深入理解javascript按值传递与按引用传递

摘要：引用类型参数的传递与引用类型的复制一样，传递的是内存地址。指向一个新的地址，与不再指向同一个地址官方解释来一发中所有函数的参数都是按值传递的。总结很简单，函数参数都是按值传递都是栈内数据的拷贝。基本类型与引用类型值类型（基本类型）：String，Number，Boolean，Null，Undefined。引用类型：Array、Object、Function、Date等有多个值...

陈江龙 2019-08-22 13:48 评论0 收藏0