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