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

 

 
  1. function test(x,y){   
  2.   var x = 10;   
  3.   alert(arguments[0],arguments[1]);   
  4. }   
  5.    
  6. 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);  

 

函数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. }  

效果同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);  

函数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);  

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

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