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


Posted in Javascript onMay 28, 2016

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

实参比形参多不会报错

function say(a){
  alert(a); 
}
 
say('琼台博客','WEB技术博客');

执行结果

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

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

function say(a,b){
  alert('a 的值是 '+a+'\nb 的值是 '+b); 
}
 
say('琼台博客');

执行结果

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

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

arguments对象

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

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技术博客');

执行结果

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

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

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

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  四个数对比结果

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

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

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,5,60);

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

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

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

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

Javascript 相关文章推荐
JQuery实现倒计时按钮的实现代码
Mar 23 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
详解JSON1:使用TSQL查询数据和更新JSON数据
Nov 21 Javascript
在点击div中的p时,如何阻止事件冒泡
Feb 07 Javascript
微信小程序中实现一对多发消息详解及实例代码
Feb 14 Javascript
jQuery按需加载轮播图(web前端性能优化)
Feb 17 Javascript
微信小程序 本地数据存储实例详解
Apr 13 Javascript
微信小程序 swiper组件构建轮播图的实例
Sep 20 Javascript
vue-cli中的babel配置文件.babelrc实例详解
Feb 22 Javascript
详解vuejs中执行npm run dev出现页面cannot GET/问题
Apr 26 Javascript
ESLint 是如何检查 .vue 文件的
Nov 30 Vue.js
React服务端渲染原理解析与实践
Mar 04 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 #Javascript
深入理解js中this的用法
May 28 #Javascript
关于function类中定义变量this的简单说明
May 28 #Javascript
Highcharts 多个Y轴动态刷新数据的实现代码
May 28 #Javascript
动态更新highcharts数据的实现方法
May 28 #Javascript
不同js异步函数同步的实现方法
May 28 #Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
May 28 #Javascript
You might like
我的论坛源代码(十)
2006/10/09 PHP
php地址引用(php地址引用的效率问题)
2012/03/23 PHP
Yii2框架实现利用mpdf创建pdf文件功能示例
2019/02/08 PHP
js获取url参数的使用扩展实例
2007/12/29 Javascript
JavaScript之编码规范 推荐
2012/05/23 Javascript
中国地区三级联动下拉菜单效果分析
2012/11/15 Javascript
根据json字符串生成Html的一种方式
2013/01/09 Javascript
JS求平均值的小例子
2013/11/29 Javascript
解决JQeury显示内容没有边距内容紧挨着浏览器边线
2013/12/20 Javascript
JavaScript实现弹出子窗口并传值给父窗口
2014/12/18 Javascript
Javascript核心读书有感之语句
2015/02/11 Javascript
浅析Node.js中使用依赖注入的相关问题及解决方法
2015/06/24 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
2015/08/26 Javascript
jQuery实时显示鼠标指针位置和键盘ASCII码
2016/03/28 Javascript
JavaScript toUpperCase()方法使用详解
2016/08/26 Javascript
微信小程序之小豆瓣图书实例
2016/11/30 Javascript
EsLint入门学习教程
2017/02/17 Javascript
JavaScript实现旋转轮播图
2020/08/18 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
2018/05/13 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
vue中注册自定义的全局js方法
2019/11/15 Javascript
JS实现旋转木马轮播图
2020/01/01 Javascript
各个系统下的Python解释器相关安装方法
2015/10/12 Python
python解析xml简单示例
2019/06/21 Python
python3.7 利用函数os pandas利用excel对文件名进行归类
2019/09/29 Python
python制作朋友圈九宫格图片
2019/11/03 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
python 6行代码制作月历生成器
2020/09/18 Python
python 读取yaml文件的两种方法(在unittest中使用)
2020/12/01 Python
CSS3中的注音对齐属性ruby-align用法指南
2016/07/01 HTML / CSS
汽车机修工岗位职责
2014/03/06 职场文书
会计演讲稿范文
2014/05/23 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
52条SQL语句教你性能优化
2021/05/25 MySQL
改造DE1103三步曲
2022/04/07 无线电