深入理解JavaScript中的传值与传引用

 更新时间:2013年12月09日 10:21:21   作者:  
这篇文章主要是对JavaScript中的传值与传引用进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

1.传值(by value)

变量的值被复制出一份,与原来的值将不相干,也就是说即使新的值被修改,原来的值也不会改变,在JavaScript中基本类型都是传值的.

复制代码 代码如下:

function testPassValue()
{
   var m=1;
   var n=2;
   //将m,n的值复制一份,传递到passValue
   passValue(m,n);
   alert(m);  //将是原有的值
}
function passValue(a,b)
{
  a = a+b; //改变a的值,这里a只是原有值的一份copy
  alert(a); 
}

输出结果:
3

1

2.传引用(by reference).

引用本身复制一份传给function,引用指向的对象并没有被复制传递(java中也是如此),在function中,如果改变了对象的属性的值,由于和原来的引用指向的是同一个对象,因此在通过原来的引用访问到的将是修改过的值;

但是如果只是在function中将引用指向一个新的对象,将不会改变原对象的值,改变的只是复制的这一份引用.

复制代码 代码如下:

function testPassValue()
{
  var date = new Date(2006,02,27);
  alert(date.getDate());  //输出为 27
  //将date引用本身复制一份,传递到passReference,注意date所指向的对象并没有被复制
  passReference(date);
  alert(date.getDate());  //输出为12
  //同上
  changeReference(date);
  alert(date.getDate());  //输出还为12
}
function passReference(da)
{
 //由于da和原引用指向的是同一个对象,在function外,通过原有的引用访问到的将是对象的日期属性值,将是修改之后的值.
   da.setDate(12);
}
function changeReference(da)
{
   //此时da引用实际上是原引用的一份copy,将引用本身重新赋值,将不会影响原引用
   da= new Date(2007,05,11);

//将da引用指向一个新的对象,此时原引用指向的还是原来的对象
   alert(da.getDate());     // 输出为11
}


3 特殊的String 

在JavaScript中,String也传引用的. js中只有charAt方法,而没有对应的修改方法,和java中的String相同,都具有不变性.

复制代码 代码如下:

var s1 = "hello";
var s2 = "hell" + "o";
if (s1 == s2)  
alert("s1 = s2");  //这句会不会执行? java用的熟的人可能会认为不会执行(这句话我颇有微词,java中也是会执行的!),因为java中的==比较的是同一性. 事实上在js中对String==比较的是值是否相等,所以这句话会执行. 但是对其他的Object == 比较和java中一样是同一性.

相关文章

  • 学做Bootstrap的第一个页面

    学做Bootstrap的第一个页面

    这篇文章主要为大家介绍了学做Bootstrap的第一个页面,这是学bootstrap的第一个页面,还有许多需要改进的地方,希望大家批评指正
    2016-05-05
  • JS操作input标签属性checkbox全选的实现代码

    JS操作input标签属性checkbox全选的实现代码

    这篇文章主要介绍了JS操作input标签属性checkbox全选的代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-03-03
  • 如何实现一个webpack模块解析器

    如何实现一个webpack模块解析器

    这篇文章主要介绍了如何实现一个webpack模块解析器,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • js取值中form.all和不加all的区别介绍

    js取值中form.all和不加all的区别介绍

    在js里取值,可以用form.xx.value,也可以用form.all.xx.value,那么js取值中form.all和不加all有什么区别呢?下面就为大家详细介绍下
    2014-01-01
  • JS实现自动切换文字的导航效果代码

    JS实现自动切换文字的导航效果代码

    这篇文章主要介绍了JS实现自动切换文字的导航效果代码,涉及javascript动态切换页面样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • javascript 代码运行器

    javascript 代码运行器

    可以用来运行代码的函数,跟本网站的都差不多。
    2009-05-05
  • JS实现遮罩层效果的简单实例

    JS实现遮罩层效果的简单实例

    这篇文章介绍了JS实现遮罩层效果的简单实例,有需要的朋友可以参考一下
    2013-11-11
  • 原生Js实现简易烟花爆炸效果的方法

    原生Js实现简易烟花爆炸效果的方法

    这篇文章主要介绍了原生Js实现简易烟花爆炸效果的方法,实例分析了javascript实现烟花爆炸效果的原理与具体实现方法,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JS中去掉array中重复元素的方法

    JS中去掉array中重复元素的方法

    这篇文章主要介绍了JS中去掉array中重复元素的方法,需要的朋友可以参考下
    2017-05-05
  • JavaScript数组操作总结

    JavaScript数组操作总结

    JavaScript中的Array对象与其他编程语言中的数组一样,是一组数据的集合。在JavaScript中,数组里面的数据可以是不同类型的,并具有用于执行数组常见操作的方法,本文整理了一些常用的,需要的可以参考一下
    2022-10-10

最新评论