javascript中的变量是传值还是传址的?

 更新时间:2010年04月19日 21:39:03   作者:  
一门编程语言的核心是数据结构,粗略来讲,可以把数据结构分成不可变类型(immutable)和可变类型(mutable)。
这个标题念起来有点拗口,但却是理解数据结构的关键。标题中的4个术语,对应的英文分别是:shallow copy(注意,不是shadow copy)、deep copy、pass by value、pass by reference(或pass by address)。传址和传引用是一回事。

一门编程语言的核心是数据结构,粗略来讲,可以把数据结构分成不可变类型(immutable)和可变类型(mutable)。为什么这么分呢?这涉及到内存分配问题。对于不可变类型,只要分配有限的内存空间即可,而对于不可变类型,理论上则要分配没有大小限制的空间。因此,这么分是出于合理利用系统资源的考虑。实际上,堆内存和栈内存分别用于保存不可变类型值和可变类型值。

什么是不可变类型?就是该值一旦赋予某个变量,就只属于某个变量,不能同属于其他变量。如:
复制代码 代码如下:

window.onload=function()
{

var stringValue = "淡淡的";
var anotherStringValue = stringValue;
stringValue = "I have changed";
alert(stringValue);// 输出 I have changed
alert(anotherStringValue);// 输出 淡淡的


此时,anotherStringValue中保存的值会不会也变成“I have changed”?不会。因为

var anotherStringValue = stringValue;

照stringValue中保存的字符串的原样,复制一个字符串(相应地,在内存中分配一块新空间),并将该字符串赋给anotherStringValue。换句话说,这两个变量虽然保存的值相同,但它们的值并不在一块内存中。因此,修改任何一个变量,都不会影响另一个变量。即

stringValue = “I have changed”;

只会影响stringValue的值。但是,确切来讲,stringValue = “I have changed”;并不是修改stringValue,而是创建了一个新字符串(相应地,在内存中分配一块新空间),然后让stringValue引用该字符串——更像是替换变量的值;原来的字符串呢?因为没有变量引用它,也就成为垃圾了(当然,垃圾所占用的内存会被回收)。

由此可见,赋值操作对于不变类型而言,传递的是内存中的值本身。那么,对于可变类型呢?当然,传递的是内存中值的引用(或者说地址),而且无论传递多少次,内存中始终都只有一份原始值——毕竟可变类型大小莫测,只保存一份原始值能最大限度节省内存空间。例如:
复制代码 代码如下:

window.onload=function()
{
var objectValue = {1:1,'s':'string','innerObject':{'innerArray' : [1,2,3]}};
var anotherObjectValue = objectValue;
objectValue[1] = 100;
alert(anotherObjectValue[1]); //输出 100

}

不言自明,这里的anotherObjectValue通过赋值操作,从objectValue那里只获得了对原始对象( {1:1,'s':'string','innerObject':{'innerArray' : [1,2,3]}})的引用,也就是该对象在内存中的地址,或者说“门牌号码”。因此,通过objectValue修改原始对象的第一个元素(objectValue[1] = 100;),结果同样会在anotherObjectValue[1]那里得到反映——因为这两个变量共享同一份原始值。

在JavaScript中,给函数传递参数是按照上述默认约定——即对不可变类型,传值;对可变类型,传址——进行的。如:

function example(str, obj){
……
}
example(stringValue,objectValue);

调用example函数时,第一个参数传递的是实际的字符串值,第二参数传递的是对象的引用(内存地址)。

相关文章

  • javascript算法学习(直接插入排序)

    javascript算法学习(直接插入排序)

    假设待排序的记录存放在数组R[1..n]中。初始时,R[1]自成1个有序区,无序区为R[2..n]。从i=2起直至i=n为止,依次将R[i]插入当前的有序区R[1..i-1]中,生成含n个记录的有序区。
    2011-04-04
  • H5如何实现唤起APP及调试bug解决

    H5如何实现唤起APP及调试bug解决

    这篇文章主要为大家介绍了H5如何实现唤起APP及调试bug解决,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-05-05
  • JavaScript function 的 length 属性使用介绍

    JavaScript function 的 length 属性使用介绍

    函数的 length 得到的是形参个数,如果函数内部是通过arguments 调用参数,而没有实际定义参数的话, length 只会的得到0
    2014-09-09
  • iscroll动态加载数据完美解决方法

    iscroll动态加载数据完美解决方法

    这篇文章主要为大家详细介绍了iscroll动态加载数据的完美解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-07-07
  • 详解webpack进阶之loader篇

    详解webpack进阶之loader篇

    本篇文章主要介绍了详解webpack进阶之loader篇,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • JS伪继承prototype实现方法示例

    JS伪继承prototype实现方法示例

    这篇文章主要介绍了JS伪继承prototype实现方法,结合实例形式对比分析了基于prototype实现模拟继承的相关操作技巧,需要的朋友可以参考下
    2018-06-06
  • 基于JS实现类似支付宝支付密码输入框

    基于JS实现类似支付宝支付密码输入框

    这篇文章主要介绍了基于JS实现类似支付宝支付密码输入框功能,密码框只准输入数字且只可以输入6位数字,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • js事件绑定快捷键以ctrl+k为例

    js事件绑定快捷键以ctrl+k为例

    js为快捷键绑定事件,当按这个快捷键时就会触发事先绑定处理函数,下面以ctrl+k为例与大家分享下具体的实现代码
    2014-09-09
  • JavaScript与java语言有什么不同

    JavaScript与java语言有什么不同

    java和JavaScript是两个不同的语言。那么这两个语言有什么不同呢?下面小编通过本文给大家介绍下
    2016-09-09
  • 使用requirejs模块化开发多页面一个入口js的使用方式

    使用requirejs模块化开发多页面一个入口js的使用方式

    这篇文章主要介绍了使用requirejs模块化开发多页面一个入口js的使用方式,需要的朋友可以参考下
    2017-06-06

最新评论