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代码

   1. function f1(a) {  
   2.     alert(a);  
   3.     a = 1;//修改形参a  
   4.     alert(1 === a);  
   5.     alert(1 === arguments[0]);  
   6. }  
   7. f1(10);  

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代码

   1. function f2(a) {  
   2.     alert(a);  
   3.     arguments[0] = 1;//修改arguments  
   4.     alert(1 === a);  
   5.     alert(1 === arguments[0]);  
   6.       
   7. }  

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

}

效果同f1。

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


Js代码

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

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代码

   1. function f3(a) {  
   2.     var a;//仅声明，不赋值  
   3.     alert(a);  
   4.     alert(arguments[0]);  
   5. }  
   6. f3(10);  

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

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

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