js中对函数设置默认参数值的3种方法


Posted in Javascript onOctober 23, 2015

在javascript中如何为函数设置默认参数值,下面提供几种方法供大家参考。
第一种方法:

function example(a,b){ 
  var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1 
  var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2 
  return a+b; 
}

注意以上函数也可写作如下:

function example(){ 
  var a = arguments[0] ? arguments[0] : 1;//设置第一个参数的默认值为1 
  var b = arguments[1] ? arguments[1] : 2;//设置第二个参数的默认值为2 
  return a+b; 
}

调用示例:

alert( example() ); //输出3 
alert( example(10) ); //输出12 
alert( example(10,20) ); //输出30 
alert( example(null,20) ); //输出20

第二种方法:

function example(name,age){ 
  name=name||'貂蝉'; 
  age=age||21; 
  alert('你好!我是'+name+',今年'+age+'岁。'); 
}

该函数也可以写作如下:

function example(name,age){ 
  if(!name){name='貂蝉';} 
  if(!age){age=21;} 
  alert('你好!我是'+name+',今年'+age+'岁。'); 
}

调用示例:

example('王五');//输出:你好!我是王五,今年21岁。  
example('王五',30);//输出:你好!我是王五,今年30岁。  
example(null,30);//输出:你好!我是貂蝉,今年30岁。

第三种方法,这种方法适合用于参数较多的情况,使用了Jquery的扩展:

function example(setting){ 
  var defaultSetting={ 
    name:'小红', 
    age:'30', 
    sex:'女', 
    phone:'100866', 
    QQ:'100866', 
    birthday:'1949.10.01' 
  }; 
  $.extend(defaultSetting,settings); 
  var message='姓名:'+defaultSetting.name 
  +',性别:'+defaultSetting.sex 
  +',年龄:'+defaultSetting.age 
  +',电话:'+defaultSetting.phone 
  +',QQ:'+defaultSetting.QQ 
  +',生日:'+defaultSetting.birthday 
  +'。'; 
  alert(message); 
}

调用示例:

example({ 
  name:'小红', 
  sex:'女', 
  phone:'100866' 
}); 
//输出:姓名:小红,性别:女,年龄:30,电话:100866,QQ:100866。

以上这三种方法大家学会了吗,这三种方法各有优缺点,大家具体情况具体分析,选择最适合的方法进行学习。

Javascript 相关文章推荐
一个JavaScript继承的实现
Oct 24 Javascript
初窥JQuery(一)jquery选择符 必备知识点
Nov 25 Javascript
jquery实现的让超出显示范围外的导航自动固定屏幕最顶上
Sep 22 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
js如何改变文章的字体大小
Jan 08 Javascript
js获取对象、数组的实际长度,元素实际个数的实现代码
Jun 08 Javascript
浅谈js中test()函数在正则中的使用
Aug 19 Javascript
解决element ui select下拉框不回显数据问题的解决
Feb 20 Javascript
Vue 中使用富文本编译器wangEditor3的方法
Sep 26 Javascript
vue 实现强制类型转换 数字类型转为字符串
Nov 07 Javascript
JS实现多选框的操作
Jun 24 Javascript
详解Vue中$props、$attrs和$listeners的使用方法
Feb 18 Vue.js
js窗口关闭提示信息(兼容IE和firefox)
Oct 23 #Javascript
javascript跨域的方法汇总
Oct 23 #Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
Oct 23 #Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
Oct 23 #Javascript
JavaScript代码轻松实现网页内容禁止复制(代码简单)
Oct 23 #Javascript
深入浅析javascript立即执行函数
Oct 23 #Javascript
js判断手机号运营商的方法
Oct 23 #Javascript
You might like
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
TextArea 控件的最大长度问题(js json)
2009/12/16 Javascript
让IE6支持min-width和max-width的方法
2010/06/25 Javascript
判断浏览器的javascript版本的代码
2010/09/03 Javascript
关于jquery css的使用介绍
2013/04/18 Javascript
JS自定义功能函数实现动态添加网址参数修改网址参数值
2013/08/02 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
Google 地图事件实例讲解
2016/08/06 Javascript
Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放的解决方案
2016/09/15 Javascript
正则 js分转元带千分符号详解
2017/03/08 Javascript
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
使用JavaScript获取Django模板指定键值数据
2020/05/27 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
MySQL适配器PyMySQL详解
2017/09/20 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
详解Python 4.0 预计推出的新功能
2019/07/26 Python
numpy.array 操作使用简单总结
2019/11/08 Python
PYQT5开启多个线程和窗口,多线程与多窗口的交互实例
2019/12/13 Python
pytorch+lstm实现的pos示例
2020/01/14 Python
使用python turtle画高达
2020/01/19 Python
python计算波峰波谷值的方法(极值点)
2020/02/18 Python
pycharm sciview的图片另存为操作
2020/06/01 Python
Python SMTP配置参数并发送邮件
2020/06/16 Python
python 实现图片批量压缩的示例
2020/12/18 Python
世界领先的高品质定制产品平台:Zazzle
2017/07/23 全球购物
SneakerStudio英国:最佳运动鞋商店
2019/05/22 全球购物
德国亚马逊官方网站:Amazon.de
2020/11/15 全球购物
运动会广播稿80字
2014/01/23 职场文书
老总助理工作岗位职责
2014/02/06 职场文书
药品采购员岗位职责
2014/02/08 职场文书
求职信标题怎么写
2014/05/26 职场文书
平安建设汇报材料
2014/12/29 职场文书
2015年团委副书记工作总结
2015/07/23 职场文书