javascript中函数的参数与arguments关系

在腾讯面试中遇到了这样问题：

 

function test(x,y){
  var x = 10;
  alert(arguments[0],arguments[1]);
}

test()；

获取arguments数据 Array.prototype.slice.call(arguments,1)，返回一个数组[];

输出结果是什么？

这道题目主要是为了区分js中的形参和实参，取得函数形参方法是arguments.callee.length,实参是arguments.length。

arguments[0],arguments[1] 取得是什么结果呐？

arguments[0],arguments[1] ：主要是用来取得用户在调用test函数时候实际传递参数，
test函数指望的是2个参数，可是用户调用的时候没有给定实际实参，因此输出结果是undefined,undefined可是若是这样调用 test(1)，那么输出将会是1，为何结果是10而不是传入的参数值1呐？是函数内部的优先级？仍是函数内部的局部变量覆盖了实参x？但愿大牛的指点？

 

借用别人的解释：

1，直接修改函数声明时的形参

Js代码

 

function f1(a) {
    alert(a);
    a = 1;//修改形参a
    alert(1 === a);
    alert(1 === arguments[0]);
}
f1(10);

 

函数f1定义了参数a，调用时传参数10，先弹出10，修改a为1，弹出两次true，a和arguments[0]都为1了。

 

2，经过函数内部的arguments对象修改

Js代码

 

function f2(a) {
    alert(a);
    arguments[0] = 1;//修改arguments
    alert(1 === a);
    alert(1 === arguments[0]);

}

效果同f1。

 

3，函数内部声明的局部变量与形参同名


Js代码

 

function f3(a) {
    alert(a);
    var a = 1;//声明局部变量a且赋值为1
    alert(1 === a);
    alert(arguments[0]);
}
f3(10);

函数f3定义了形参a，函数内部声明局部变量a同时赋值为1，但这里的a仍然是参数a，从最后弹出的arguments[0]被修改成1能够证实。

 

若是只是声明局部变量a，却不赋值，状况又不同了

Js代码

 

function f3(a) {
    var a;//仅声明，不赋值
    alert(a);
    alert(arguments[0]);
}
f3(10);

这时候弹出的都是10，而不是undefined

结论：永远不要去修改传入参数，不只程序难读，并且难以查找的bug