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

262 阅读 0 评论 173 点赞

我是靠谱客的博主深情大碗，这篇文章主要介绍浅谈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。

以上就是深情大碗最近收集整理的关于浅谈JavaScript函数参数的可修改性问题的全部内容，更多相关浅谈JavaScript函数参数内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。