js拼接html 参数对象,JS函数动态传递参数的方法分析【基于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示例：

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

www.jb51.net arguments动态获取传参个数

function box(){

sum=0;

for(i=0;i

sum+=arguments[i];

}

return sum;

}

console.log(box(1,3,3,5,6))

运行结果：

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

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