值传递和引用传递的区别

在进行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）。也就是说，传入函数的原始值的地址，因此在函数内部修改参数，将会影响到原始值。