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


Posted in Javascript onNovember 28, 2016

本文实例讲述了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 相关文章推荐
JScript中使用ADODB.Stream判断文件编码的代码
Jun 09 Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 Javascript
深入理解JavaScript系列(19):求值策略(Evaluation strategy)详解
Mar 05 Javascript
理解javascript中的严格模式
Feb 01 Javascript
AngularJS指令与指令之间的交互功能示例
Dec 14 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
Angular2中select用法之设置默认值与事件详解
May 07 Javascript
详解Node.js开发中的express-session
May 19 Javascript
Bootstrap 树控件使用经验分享(图文解说)
Nov 06 Javascript
基于js文件加载优化(详解)
Jan 03 Javascript
2020淘宝618理想生活列车自动领喵币js脚本的代码
Jun 02 Javascript
如何手写简易的 Vue Router
Oct 10 Javascript
ajax级联菜单实现方法实例分析
Nov 28 #Javascript
jQuery select自动选中功能实现方法分析
Nov 28 #Javascript
JS两种类型的表单提交方法实例分析
Nov 28 #Javascript
简单实现JavaScript图片切换效果
Nov 28 #Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
Nov 28 #Javascript
JS调用打印机功能简单示例
Nov 28 #Javascript
完全深入学习Bootstrap表单
Nov 28 #Javascript
You might like
php生成随机密码的几种方法
2011/01/17 PHP
php以post形式发送xml的方法
2014/11/04 PHP
WordPress中获取页面链接和标题的相关PHP函数用法解析
2015/12/17 PHP
Zend Studio使用技巧两则
2016/04/01 PHP
PHP各种常见经典算法总结【排序、查找、翻转等】
2019/08/05 PHP
javascript 面向对象编程基础:继承
2009/08/21 Javascript
javascript动态加载三
2012/08/22 Javascript
在Javascript中 声明时用"var"与不用"var"的区别
2013/04/15 Javascript
改变隐藏的input中value的值代码
2013/12/30 Javascript
jQuery选择器全集详解
2014/11/24 Javascript
Javascript实现Web颜色值转换
2015/02/05 Javascript
js实现接收表单的值并将值拼在表单action后面的方法
2015/11/23 Javascript
js实现正则匹配中文标点符号的方法
2015/12/23 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
nodejs个人博客开发第七步 后台登陆
2017/04/12 NodeJs
ES6入门教程之Class和Module详解
2017/05/17 Javascript
jquery加载单文件vue组件的方法
2017/06/20 jQuery
jQuery进阶实践之利用最优雅的方式如何写ajax请求
2017/12/20 jQuery
Less 安装及基本用法
2018/05/05 Javascript
点击按钮弹出模态框的一系列操作代码实例
2019/03/29 Javascript
js刷新页面location.reload()用法详解
2019/12/09 Javascript
微信小程序聊天功能的示例代码
2020/01/13 Javascript
antd design table更改某行数据的样式操作
2020/10/31 Javascript
Django中的forms组件实例详解
2018/11/08 Python
Python利用多线程同步锁实现多窗口订票系统(推荐)
2019/12/22 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
使用PyQt5实现图片查看器的示例代码
2020/04/21 Python
python和js交互调用的方法
2020/06/23 Python
详解PyQt5中textBrowser显示print语句输出的简单方法
2020/08/07 Python
canvas中普通动效与粒子动效的实现代码示例
2019/01/03 HTML / CSS
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
荷兰最大的儿童服装店:The Kids Republic
2019/04/13 全球购物
大龄毕业生求职别忘职业规划
2014/03/11 职场文书
Nginx HTTP跳转至HTTPS
2022/05/15 Servers