• JS中函数参数值传递和引用传递


    也许大家对于函数的参数都不会太在意,简单来说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。深入研究,你会发现其实没那么简单,这个传参是要分俩种情况(其实这是个错误的说法,ECMAScript中所有函数的参数都是按值传递的——《高程3》原话,之所以这里说俩种,是因为结合引用传参更容易理解)—— 值传参和引用传参。 

      值传参针对基本类型,引用传参针对引用类型,传参可以理解为复制变量值。基本类型复制后俩个变量完全独立,之后任何一方改变都不会影响另一方;引用类型复制的是引用(即指针),之后的任何一方改变都会映射到另一方。

      不少人对参数都是按值传递的感到困惑,因为访问变量有按值和按引用两种方式。下面就来看看有何不同:

      

      这一段很重要:我们可以把ECMAScript函数的参数想象成局部变量。在向参数传递基本类型的值时,被传递的值被复制给一个局部变量(即命名参数,或者用ECMAScript的概念来说,就是arguments对象中的一个元素)。在向参数传递引用类型时,会把这个值在内存中的地址(指针)复制给一个局部变量,因此这个局部变量的变化会反映在函数的外部。

      1、按值传递

    复制代码
    1 function addTen(num) {
    2     num += 10;
    3     return num;
    4 }
    5 
    6 var count = 20;
    7 var result = addTen(count);  //按值传递 num = count
    8 alert(count);  // 20, 没变化
    9 alert(result);  // 30
    复制代码

      很好理解,因为是按值传递的,传递完后俩个变量各不相干!

      2、按引用传递(这么叫便于理解,其实也是按值传递)

    复制代码
    1 function setName(obj) {
    2     obj.name = "Nicholas";
    3 }
    4 
    5 var person = new Object();
    6 setName(person);   //相当于按值传递  obj = person
    7 alert(person.name);   // "Nicholas"
    复制代码

       var person = new Object(); 时,可以用下图表示变量和对象的关系:

      当调用函数 setName(person); 时,下图可以表示全局变量person和局部变量obj的关心:

      以上代码中创建一个对象,并将其保存在变量person中。然后,这个变量被传递到setName(obj)函数中之后就被复制给了obj。在这个函数内部,obj和person引用的是同一个对象。换句话说,即使ECMAScript说这个变量时按值传递的,但obj也会按引用来访问同一个对象。于是,在函数内部为obj添加name属性后,函数外部的person也将有所反应;因为这时的person和obj指向同一个堆内存地址。所以,很多人错误的认为:在局部作用域中修改的对象会在全局对象中反映出来,就说明参数是按引用传递的。

      

      为了证明对象也是按值传递的,我们再来看看下面这个经过修改的例子:

    复制代码
    1 function setName(obj) {
    2     obj.name = "Nicholas";
    3     obj = new Object(); //改变obj的指向,此时obj指向一个新的内存地址,不再和person指向同一个
    4     obj.name = "Greg";
    5 }
    6 
    7 var person = new Object();
    8 setName(person);  //你看看下面,相信我也是按值传递的了吧
    9 alert(person.name);  //"Nicholas"
    复制代码

      当创建obj对象 obj = new Object();  时,来看看这时person和obj的关系图:

      这个例子与前一个唯一的区别,就是setName()函数中添加了两行代码: obj = new Object(); 用来改变obj的指向; obj.name = "Greg"; 用来给新创建的obj添加属性。如果是按引用传递的,那么person就会自动被修改为指向新创建的obj的内存地址,则person的name属性值被修改为"Greg"。但是,当访问person.name时,显示的结果为"Nicholas"。这说明即使在函数内部修改了参数的值,但原始的引用仍然保持未变。实际上,当在函数内部重写obj时,这个变量引用的就是一个局部对象了。而这个局部对象会在函数执行完毕后被立即销毁!

      有关函数的传递参数就说这么多吧,可以参考一下这篇文章,当课后检验做一下:JS中对象和对象的引用

      

      若发现错误之处,欢迎拍砖指针,感激不尽!

  • 相关阅读:
    [转]单倍长密钥加密和双倍长密钥加密,银联直联终端62域难点详解
    在ASP.NET MVC中支持 HttpHandler
    点滴积累【SQL Server】---SQL语句操作约束
    点滴积累【other】---Windows 7 IIS (HTTP Error 500.21
    点滴积累【C#】---验证码,ajax提交
    点滴积累【C#】---Highcharts图形统计
    点滴积累【C#】---C#实现下载word
    php无法上传大文件完美解决方案
    PHP上传遇到的问题-php 上传大文件主要涉及配置upload_max_filesize和post_max_size两个选项
    Call to undefined function pg_
  • 原文地址:https://www.cnblogs.com/mei123/p/8547913.html
Copyright © 2020-2023  润新知