js函数动态传参

Posted 党兴明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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));

另外:js没有像其他高级语言那种函数重载功能。

 

以上是关于js函数动态传参的主要内容,如果未能解决你的问题,请参考以下文章

js动态绑定click事件时function传参问题

vue之路由传参,跳转,钩子函数

JS 动态加载页面以及ViewBag传参

Reactreact概述组件事件

JS函数传参实例应用:多组图片切换实例

python函数的动态传参.作用域与命名空间