浅谈JavaScript函数参数的可修改性问题

  一道笔试题思考而来的,通常情况下没人会在函数内部修改参数值。这里仅拿出来讨论,有三种方式可以修改。

  1,直接修改函数声明时的形参

  

复制代码 代码如下:

  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对象修改

  

复制代码 代码如下:

  function f2(a) {

  alert(a);

  arguments[0] = 1;//修改arguments

  alert(1 === a);

  alert(1 === arguments[0]);

  }

  效果同函数f1。

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

  

复制代码 代码如下:

  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可以证明。

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

  

复制代码 代码如下:

  function f3(a) {

  var a;//仅声明,不赋值

  alert(a);

  alert(arguments[0]);

  }

  f3(10);

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