JavaScript中的动态参数

简介: JavaScript中的函数参数是动态的,我们既可以一开始就定义好,也可以在函数体中进行重载。 我们可以利用 arguments 对象来管理动态参数。 下面举个例子: function doAdd() {            if (arguments.

JavaScript中的函数参数是动态的,我们既可以一开始就定义好,也可以在函数体中进行重载。

我们可以利用 arguments 对象来管理动态参数。

下面举个例子:

img_405b18b4b6584ae338e0f6ecaf736533.gif img_1c53668bcee393edac0d7b3b3daff1ae.gif function  doAdd()  {
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            
if (arguments.length == 0{
                alert(
"You must input at least one argument!");
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            }
 else if (arguments.length == 1{
                alert(
"Result: " + arguments[0]);
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            }
 else if (arguments.length == 2{
                alert(
"Result: " + (arguments[0+ arguments[1]));
img_2887d91d0594ef8793c1db92b8a1d545.gifimg_7a2b9a960ee9a98bfd25d306d55009f8.gif            }
 else {
                alert(
"Too many arguments!");
            }

        }

 

上面的doAdd()函数我们利用arguments对象在函数内部进行了重载,考虑了各种情况,因此在调用端我们可以

如下各种调用:

img_405b18b4b6584ae338e0f6ecaf736533.gif img_1c53668bcee393edac0d7b3b3daff1ae.gif window.onload  =   function ()  {
            doAdd();
            doAdd(
10);
            doAdd(
20,30);
            doAdd(
10,20,30);
  }

 

输出的结果依次为:

 You must input at least one argument!

Result: 10

Result: 50

Too many arguments!

目录
相关文章
|
28天前
|
前端开发
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
用html+javascript打造公文一键排版系统3:获取参数设置、公文标题排版
|
1月前
|
JavaScript 前端开发
JavaScript基础知识-函数的参数
关于JavaScript函数参数基础知识的介绍。
20 4
JavaScript基础知识-函数的参数
|
1月前
|
JavaScript 前端开发
JavaScript 函数参数
JavaScript 函数参数
25 3
|
1月前
|
前端开发 JavaScript
前端JS截取url上的参数
文章介绍了两种前端JS获取URL参数的方法:手动截取封装和使用URLSearchParams。
34 0
|
3月前
|
JavaScript
JS代码动态打印404页面源码
源码由HTML+CSS+JS组成,记事本打开源码文件可以进行内容文字之类的修改,双击html文件可以本地运行效果,也可以上传到服务器里面,重定向这个界面
27 0
JS代码动态打印404页面源码
|
3月前
|
JavaScript
js好用的动态分页插件
js好用的动态分页插件是一款简单的分页样式插件,支持样式类型,当前页,每页显示数量,按钮数量,总条数,上一页文字,下一页文字,输入框跳转等功能。
37 1
|
3月前
|
JavaScript 前端开发 网络架构
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
JavaScript编码之路【对象的增强、ES6新特性之函数的默认值设置 、rest参数 (剩余参数)、拓展运算符、对象与数组的解构赋值】
54 1
|
3月前
|
JavaScript 前端开发
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
vue 模拟随机变速的动态打字特效【支持多行文本】(含css实现闪烁光标,js动态改变setInterval定时器的时间间隔)
77 1
|
4月前
|
前端开发 JavaScript
使用JavaScript动态更改元素的CSS属性
【6月更文挑战第29天】使用JavaScript动态更改元素的CSS属性
62 3
|
4月前
|
JavaScript
JS获取浏览器地址栏的多个参数值的任意值
JS获取浏览器地址栏的多个参数值的任意值
45 3