美文网首页
javascript参数传递方式

javascript参数传递方式

作者: 年轻小子 | 来源:发表于2017-08-30 09:55 被阅读0次

    定义

    ECMAScript中所有函数的参数都是按值传递的。也就是说,把函数外部的值复制给函数内部的参数,就和把值从一个变量复制到另一个变量一样。

    一、按值传递

    据一个简单的例子:

    var value = 1;
    function foo(v) {
       v = 2;
       console.log(v)   //2
    }
    foo(value);
    console.log(value)   //1
    

    很好理解,当传递 value 到函数 foo 中,相当于拷贝了一份 value,函数中修改传入的值,函数外面的值不改变。

    二、引用传递

    拷贝虽然很好理解,但是当值是一个复杂的数据结构的时候,拷贝就会产生性能上的问题。

    所谓按引用传递,就是传递对象的引用,函数内部对参数的任何改变都会影响该对象的值,因为两者引用的是同一个对象。

    举个例子:

    var obj = {
        value: 1
    }
    function foo(o) {
       o.value = 2;
       console.log(o.value)    //2
    }
    foo(obj);
    console.log(obj.value)  //2
    

    高程上说所有函数参数传递都是按值传递,为什么按引用传递成功了呢?究竟是否按引用传递呢?

    三、共享传递

    看个例子:

    var obj = {
        value: 1
    }
    function foo(o) {
       o = 2;
       console.log(o)  //2
    }
    foo(obj);
    console.log(obj.value)  //1
    

    可以看到直接更改传入o的值,外层的值并没有改变,所以并不是按引用传递。

    注意:按引用传递是传递对象的引用,按共享传递传递的是对象的副本

    共享传递是传递对象引用的副本,所以修改o.value的值可以通过引用找到原值,直接修改o,并不会修改原值。

    传递副本也是一种按值传递,所以都叫按值传递。

    相关文章

      网友评论

          本文标题:javascript参数传递方式

          本文链接:https://www.haomeiwen.com/subject/viezdxtx.html