在腾讯面试中遇到了这样问题:
- 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