腾讯面试题-----JavaScript中arguments对象解析

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

js代码

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