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

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

Java代码  收藏代码
  1.    1. function f1(a) {
  2.    2.     alert(a);
  3.    3.     a = 1;//修改形参a  
  4.    4.     alert(1 === a);
  5.    5.     alert(1 === arguments[0]);
  6.    6. }
  7.    7. f1(10);
  8. function f1(a) {
  9.     alert(a);
  10.     a = 1;//修改形参a
  11.     alert(1 === a);
  12.     alert(1 === arguments[0]);
  13. }
  14. f1(10);

函数f1定义了参数a,调用时传参数10,先弹出10,修改a为1,弹出两次true,a和arguments[0]都为1了。

2,通过函数内部的arguments对象修改

Js代码

Java代码  收藏代码
  1.    1. function f2(a) {
  2.    2.     alert(a);
  3.    3.     arguments[0] = 1;//修改arguments  
  4.    4.     alert(1 === a);
  5.    5.     alert(1 === arguments[0]);
  6.    6.
  7.    7. }
  8. function f2(a) {
  9.     alert(a);
  10.     arguments[0] = 1;//修改arguments
  11.     alert(1 === a);
  12.     alert(1 === arguments[0]);
  13. }

效果同f1。

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

Js代码

Java代码  收藏代码
  1.    1. function f3(a) {
  2.    2.     alert(a);
  3.    3.     var a = 1;//声明局部变量a且赋值为1  
  4.    4.     alert(1 === a);
  5.    5.     alert(arguments[0]);
  6.    6. }
  7.    7. f3(10);
  8. function f3(a) {
  9.     alert(a);
  10.     var a = 1;//声明局部变量a且赋值为1
  11.     alert(1 === a);
  12.     alert(arguments[0]);
  13. }
  14. f3(10);

函数f3定义了形参a,函数内部声明局部变量a同时赋值为1,但这里的a仍然是参数a,从最后弹出的arguments[0]被修改为1可以证明。

如果只是声明局部变量a,却不赋值,情况又不一样了

Js代码

Java代码  收藏代码
  1.    1. function f3(a) {
  2.    2.     var a;//仅声明,不赋值  
  3.    3.     alert(a);
  4.    4.     alert(arguments[0]);
  5.    5. }
  6.    6. f3(10);
  7. function f3(a) {
  8.     var a;//仅声明,不赋值
  9.     alert(a);
  10.     alert(arguments[0]);
  11. }
  12. f3(10);

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

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

发表评论