在进行JavaScript函数的练习时,遇到类似下面的两段代码:
1.
变量a、变量b同样都是全局变量,但为什么在调用函数之后,a的值没改变,b的值却发生变化了呢?
1.原始类型(基本类型):number、string、boolean、undefined、null;
2.复合类型(引用类型):object(对象又包括:Array、Math、Date、Function等);
函数参数如果是原始类型的值(数值、字符串、布尔值),传递方式是传值传递(passes by value)。这意味着,在函数体内修改参数值,不会影响到函数外部。
但是,如果函数参数是复合类型的值(数组、对象、其他函数),传递方式是传址传递(pass by reference)。也就是说,传入函数的原始值的地址,因此在函数内部修改参数,将会影响到原始值。
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的值却发生变化了呢?
这个问题一度让我很困惑,今天学习了值传递和引用传递之后,豁然开朗。下面就对此总结一下:
1.原始类型(基本类型):number、string、boolean、undefined、null;
2.复合类型(引用类型):object(对象又包括:Array、Math、Date、Function等);
函数参数如果是原始类型的值(数值、字符串、布尔值),传递方式是传值传递(passes by value)。这意味着,在函数体内修改参数值,不会影响到函数外部。
但是,如果函数参数是复合类型的值(数组、对象、其他函数),传递方式是传址传递(pass by reference)。也就是说,传入函数的原始值的地址,因此在函数内部修改参数,将会影响到原始值。