JS函数arguments数组获得实际传参数个数的实现方法

前端之家收集整理的这篇文章主要介绍了JS函数arguments数组获得实际传参数个数的实现方法前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

JS与PHP函数传参方面有点不同,PHP形参与实参个数要匹配,而JS就灵活多了,可以随意传参,实参比形参少或多都不会报错。

实参比形参多不会报错

say('琼台博客','WEB技术博客');

执行结果

<p style="text-align: center">

<img ="琼台博客" src="https://files.jb51.cc/file_images/article/201605/201605281527188.jpg" />

我们再来看看形参比实参多的结果

<div class="jb51code">
<pre class="brush:js;">
function say(a,b){
alert('a 的值是 '+a+'\nb 的值是 '+b);
}

say('琼台博客');

执行结果

a 对应第一个实参“琼台博客”,b 没有对应的实参所以值为undefined

arguments对象

其实有时候我们在程序设计比较复杂的时候并不指定参数个数,都是灵活运用。在函数里有一个数组arguments就是专门存储实参数组的,通过arguments我们就可以知道实参个数以及值。

<div class="jb51code">
<pre class="brush:js;">
function arg(){
var str = '总共传了'+arguments.length+'个参数\n';
for(var i=0;i<arguments.length;i++){
str += '第'+(i+1)+'个参数值:'+arguments[i]+'\n';
}
alert(str);
}
arg('琼台博客','PHP博客','WEB技术博客');

执行结果

在以上例子中,我们定义函数arg并没有给它指定形参,而是使用arguments对象接收实参,非常灵活。

比如我们可以利用它来计算出一组数字里最小的数字,不管这组数字有多少个。如以下代码

<div class="jb51code">
<pre class="brush:js;">
function arg(){
var tmp = 0,str = '在 ';
for(var i=0;i<arguments.length;i++){
for(var g=0;g<arguments.length;g++){
if(arguments[g]<arguments[i]){
tmp = arguments[g];
}
}
str += arguments[i]+',';
}
alert(str.substr(0,str.length-1)+' 里最小的值是 '+tmp);
}
arg(200,100,59,3500);

执行 200,100,59,3500 四个数对比结果

我们在加入两个数,分别是 5 和 60

<div class="jb51code">
<pre class="brush:js;">
function arg(){
var tmp = 0,3500,5,60);

执行 200,100,59,3500,5,60 六个数对比结果

根据两次运算结果,我们发现无论我们传进多少个数字,都能正确比对结果。arguments一般用在实参个数不定的地方,比如上边的例子,你可以传5个数进去比较,也可以传100个数进去比较都可以。

以上这篇JS函数arguments数组获得实际传参数个数的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程之家。

猜你在找的JavaScript相关文章