JS函数多个参数默认值指定方法分析

 更新时间:2016年11月28日 14:11:28   作者:巴霍巴利  
这篇文章主要介绍了JS函数多个参数默认值指定方法,结合实例形式分析了javascript函数参数的定义与传递相关操作技巧,需要的朋友可以参考下

本文实例讲述了JS函数多个参数默认值指定方法。分享给大家供大家参考,具体如下:

函数有一个参数时,以往这样定义(参数为p1):

function mfun(p1){ … }

当需要为p1设定一个默认值时

function mfun(p1){
if(p1===undefined) p1=5; //默认值设为5
…
}

当函数需要2个参数时,以前习惯这样写

function mfun(p1,p2){…}

后来发现完全不需要这样写,js函数甚至不需要在括弧内预设参数名,可以用一下方式传入任意多个参数自动适配,当没有被定义时,这些未被赋值参数被调用时值为 undefined

以下例子示范了一个2个参数的js函数

function mFun(){
 var p1 = arguments[0] ? arguments[0] : -1; //设置参数p1默认值为-1
 var p2 = arguments[1] ? arguments[1] : ‘ABC'; //p2默认值 ‘ABC'
…
}

以下是一些错误示范:

需要2参数,第二个为可选参数时定义

function mFun(p1){...}
function mFun(p1,p2){...}

*这种写法,mFun(p1)会被下面的函数覆盖掉,当只传入一个参数时,p2会提示undefined

funciton mfun(p1,p2='xxx'){...}

这是php习惯.. =___=b..

再看一个例子:

function simue (){
 var a = arguments[0] ? arguments[0] : 1;
 var b = arguments[1] ? arguments[1] : 2;
 return a+b;
}
alert( simue() ); //输出3
alert( simue(10) ); //输出12
alert( simue(10,20) ); //输出30

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript常用函数技巧汇总》、《JavaScript传值操作技巧总结》、《javascript编码操作技巧总结》、《JavaScript中json操作技巧总结》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结

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

相关文章

  • js 判断登录界面的账号密码是否为空

    js 判断登录界面的账号密码是否为空

    本文主要介绍了利用display的none与block判断登录界面的账号密码是否为空的方法。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-02-02
  • Bootstrap编写导航栏和登陆框

    Bootstrap编写导航栏和登陆框

    这篇文章主要为大家详细介绍了Bootstrap导航栏和登陆框的编写代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • javascript表达式和运算符详解

    javascript表达式和运算符详解

    本文主要对js表达式与js运算符进行详细介绍。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-02-02
  • JavaScript大文件上传的处理方法之切片上传

    JavaScript大文件上传的处理方法之切片上传

    这篇文章主要介绍了JavaScript大文件上传的处理方法之切片上传,切片上传的原理较为简单,即获取文件后切片,切片后整理好每个切片的参数并发请求即可
    2022-06-06
  • 微信小程序使用前置摄像头拍照

    微信小程序使用前置摄像头拍照

    这篇文章主要为大家详细介绍了微信小程序使用前置摄像头拍照,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • VScode中配置JavaScript编译环境的方法

    VScode中配置JavaScript编译环境的方法

    这篇文章主要介绍了VSCODE中配置JavaScript编译环境的方法,方式一 使用Node.js做为解释器运行JS代码 Node.js的安装和配置,方式二使用VSCODE插件Code Runner运行JS代码,本文给大家介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • 在小程序开发中使用npm的方法

    在小程序开发中使用npm的方法

    微信小程序在 2.2.1 版本后增加了对 npm 包加载的支持,使得小程序支持使用 npm 安装第三方包。这篇文章主要介绍了在小程序开发中使用npm的方法,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • Js的MessageBox

    Js的MessageBox

    [绿色]Js的MessageBox...
    2006-12-12
  • javascript禁用键盘功能键让右击及其他键无效

    javascript禁用键盘功能键让右击及其他键无效

    禁用键盘功能键的方法有很多,在本文为大家详细介绍下,使用javascript如何实现禁用键盘功能键及其他键的方法,感兴趣的朋友可以参考下
    2013-10-10
  • javascript笔试题目附答案@20081025_jb51.net

    javascript笔试题目附答案@20081025_jb51.net

    网上找的javascript笔试题目,留档给自己作参考。
    2008-10-10

最新评论