对于“JavaScript 函数参数是传值(byVal)还是传址(byRef)”这个问题,普遍存在一个误区:number,string等“简单类型”是传值,Number, String, Object, Array等“复杂类型”是传址。
这样不对吗?为什么会有这样的误区?看一下这两段代码:
复制代码 代码如下:
//造成传值假象的代码
function modifyLikeByVal(x){
x = 1;
console.log('x = %d', x);
}
var x = 0;
console.log('x = %d', x); // 输出 x = 0
modifyLikeByVal(x); // 输出 x = 1
console.log('x = %d', x); // 输出 x = 0 x没变!
复制代码 代码如下:
//造成传址假象的代码
function modifyLikeByRef(x){
x[0] = 4;
x[1] = 5;
x[2] = 6;
console.log('x = [ %s ]', x.join(', '));
}
var x = [1, 2, 3];
console.log('x = [ %s ]', x.join(', ')); // 输出 x = [ 1, 2, 3 ]
modifyLikeByRef(x); // 输出 x = [ 4, 5, 6 ]
console.log('x = [ %s ]', x.join(', ')); // 输出 x = [ 4, 5, 6 ] x变了!
于是,由以上代码得出结论,“简单类型”作为参数是传值(byVal)的,“复杂类型”作为参数是传址(byRef)的。
问题出在哪呢?
仔细观察两个函数,就可以发现一点:
在byVal中,是直接修改了参数x: x = 1;
而byRef中,是修改参数x的成员: x[0] = 4; x[1] = 5; x[2] = 6;
本人由此得出猜想:在JavaScript中,所有的变量或成员,都是一个指针,在修改变量或成员值的时候,其实是修改了该指针的地址。
这样上面的代码就可以得到解释了:
在“byVal”中:
复制代码 代码如下:
global { // 表示全局作用域,下面的表示函数作用域
var x = 0; // 初始化指针x并指向数字0
fun(x) {
x = global.x; // 传入参数global.x; fun域的x指针地址与global域的x指针地址一样指向数字0
x = 1; // 修改fun域的x指针地址,指向数字1;
} // fun 域结束,global域中的x指针没改变
}
在“byRef”中:
复制代码 代码如下:
global { // 表示全局作用域,下面的表示函数作用域
/*
初始化指针x并指向数组[1, 2, 3]
其实是x的三个成员0, 1, 2,分别指向1, 2, 3;
*/
var x = [1, 2, 3];
fun(x) {
x = global.x; // 传入参数global.x; fun域的x指针地址与global域的x指针地址一样指向数组[1, 2, 3]
/*
在fun域中的x没有再被改变
紧接着修改fun域中的x(也就是global.x)三个成员指针的指向
*/
x[0] = 4;
x[1] = 5;
x[2] = 6;
} // fun 域结束,global域中的x指针没改变,但其三个成员指针被改变了,于是就看到我们输出的结果
}
那这段代码怎么解释呢???
复制代码 代码如下:
(function(a, b){
arguments[0] = 1;
b = 2;
console.log(arguments, a, b);
})(-1, -2);
只能说a, b...,是arguments[0],...[n]的别名了。
如果有不对的地方,请指出来,谢谢。
如果有更好的解释,欢迎大家分享。