值传递和引用传递的区别

在进行JavaScript函数的练习时，遇到类似下面的两段代码：

1.

    var a=1;
    function f1(arg){
        arg=3;
        return arg;
    }
    console.log(f1(a));//3
    console.log(a); //1

2.

    var b=[10,20,30];
    function f2(arg){
        for(var i in arg){
            arg[i]++;
        }
        return arg;
    }
    console.log(f2(b));//[11,21,31]
    console.log(b); //[11,21,31]

变量a、变量b同样都是全局变量，但为什么在调用函数之后，a的值没改变，b的值却发生变化了呢？

这个问题一度让我很困惑，今天学习了值传递和引用传递之后，豁然开朗。下面就对此总结一下：

首先说一下JavaScript中的数据类型，可以分为两大类：

1.原始类型（基本类型）：number、string、boolean、undefined、null；

2.复合类型（引用类型）：object（对象又包括：Array、Math、Date、Function等）；

函数参数如果是原始类型的值（数值、字符串、布尔值），传递方式是传值传递（passes by value）。这意味着，在函数体内修改参数值，不会影响到函数外部。
但是，如果函数参数是复合类型的值（数组、对象、其他函数），传递方式是传址传递（pass by reference）。也就是说，传入函数的原始值的地址，因此在函数内部修改参数，将会影响到原始值。