JS函数动态传递参数的方法分析【基于arguments对象】

更新时间：2019年06月05日 10:01:04 作者：embaobao

这篇文章主要介绍了JS函数动态传递参数的方法,结合实例形式分析了javascript通过arguments对象获取传递参数的相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS函数动态传递参数的方法。分享给大家供大家参考，具体如下：

js函数体内可以通过arguments对象来接收传递进来的参数，利用这一对象属性可以动态传参。

function box() {
 return arguments[0]+' | '+arguments[1]; //得到每次参数的值
}
alert(box(1,2,3,4,5,6)); //传递参数

arguments对象的length属性可以得到参数的数量。

function box() {
 return arguments.length; //得到6
}
alert(box(1,2,3,4,5,6));

我们可以利用length这个属性，来智能的判断有多少参数，然后把参数进行合理的应用。比如，要实现一个加法运算，将所有传进来的数字累加，而数字的个数又不确定。

function box() {
 var sum = 0;
 if (arguments.length == 0) return sum; //如果没有参数，退出
 for(var i = 0;i < arguments.length; i++) { //如果有，就累加
  sum = sum + arguments[i];
 }
 return sum; //返回累加结果
}
alert(box(5,9,12));

例子：

function loading() {
  var a="";
  for (var index in arguments) {
   a+=arguments[index]+"\n";
  }
  alert(a);
}
loading("xxx","yyyy","ccc");

完整Demo示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.jb51.net arguments动态获取传参个数</title>
</head>
<body>
<script>
 function box(){
  sum=0;
  for(i=0;i<arguments.length;i++){
   sum+=arguments[i];
  }
  return sum;
 }
 console.log(box(1,3,3,5,6))
</script>
</body>
</html>

运行结果：

感兴趣的朋友可以使用在线HTML/CSS/JavaScript代码运行工具：http://tools.jb51.net/code/HtmlJsRun测试上述代码运行效果。

更多关于JavaScript相关内容可查看本站专题：《JavaScript常用函数技巧汇总》、《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

JavaScript改变HTML元素的样式改变CSS及元素属性
改变CSS及元素属性的方法有很多，在本文将为大家介绍下使用js是如何做到的，感兴趣的朋友可以感受下
2013-11-11
使用BootStrapValidator完成前端输入验证
这篇文章主要为大家详细介绍了使用BootStrapValidator来完成前端输入验证,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-09-09
uniapp开发APP之强制更新和热更新的实现
使用uni-app开发,可将代码编译到iOS、Android、微信小程序等多个平台,升级时也需考虑多平台同步升级,下面这篇文章主要给大家介绍了关于uniapp开发APP之强制更新和热更新的相关资料,需要的朋友可以参考下
2022-12-12
如何实现JavaScript动态加载CSS和JS文件
这篇文章主要为大家详细介绍了JavaScript动态加载CSS和JS文件，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2015-10-10
javascript将json格式数组下载为excel表格的方法
下面小编就为大家分享一篇javascript将json格式数组下载为excel表格的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2017-12-12
javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别
Javascript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值，本文给大家介绍javascript:void(0)是什么意思及href=#与href=javascriptvoid(0)的区别，需要的朋友参考下
2015-11-11
javascript中数组和字符串的方法对比
下面小编就为大家带来一篇javascript中数组和字符串的方法对比。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-07-07
由 element.appendChild(newNode) ,谈开去
由 element.appendChild(newNode) ,谈开去...
2006-11-11
JavaScript也谈内存优化
这篇文章主要介绍了JavaScript内存优化,主要是javascript的应用越来越复杂,内存问题所导致的卡顿、内存溢出等现象也变得不再陌生,所以说也谈内存优化,需要的朋友可以参考下
2014-06-06
JavaScript的parseInt 进制问题
今天在整理以前写过的一段根据周期值自动计算下次执行日期的js代码，发现一bug,我使用parseInt对源数据串进行转换，当输入类似：2009-05-05时，parseInt将把串的05做8进制转换，这样结果自然就不对了。
2009-05-05