Javascript中设置默认参数值示例


Posted in Javascript onSeptember 11, 2014

第一种:

function test(a,b){

var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9

return a+b;

其等价为

function test(){

var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9

return a+b;

}

调用示例

alert(test()); //输出10

alert(test(5)); //输出14

alert(test(5,6)); //输出11

alert(test(null,6)); //输出7

alert(test(6,null)); //输出15

第二种:

function test(blog,address){

blog=blog||'淡忘~浅思';

address=address||'3water.com';

alert('博客名是'+blog+'的地址是'+address);

}

其等价为

function test(blog,address){

if(!blog){blog='淡忘~浅思';}

if(!address){address='3water.com';}

alert('博客名是'+blog+'的地址是'+address);

}

调用示例

test(); //博客名是淡忘~浅思的地址是3water.com

test('csdn','blog.csdn.net'); //博客名是csdn的地址是blog.csdn.net

test('','blog.csdn.net/u011043843'); //博客名是淡忘~浅思

第三种:

function test(setting){

var defaultSetting={

name:'程序爱好者',

age:'1',

phone:'15602277510',

QQ:'259280570',

message:'欢迎你的加入'

};

$.extend(defaultSetting,setting);

var msg='姓名:'+defaultSetting.name

+',年龄:'+defaultSetting.age

+',电话:'+defaultSetting.phone

+',QQ群:'+defaultSetting.QQ

+',说明:'+defaultSetting.message

+'。';
alert(msg);
}

调用示例

test(); //输出:姓名:程序爱好者,年龄:1,电话:15602277510,QQ群:259280570,说明:欢迎你的加入。

test({

name:'dwqs',

age:'20',

QQ:'461147874',

message:'博客:3water.com'

});

//输出:姓名:dwqs,年龄:20,电话:15602277510,QQ群:461147874,说明:博客:3water.com。

ps:函数参数比较多时,可以用此方法。这是JQuery的一种扩展,所以需要引入JQuery。

Javascript 相关文章推荐
在JavaScript中,为什么要尽可能使用局部变量?
Apr 06 Javascript
javascript 检测浏览器类型和版本的代码
Sep 15 Javascript
js时间日期和毫秒的相互转换
Feb 22 Javascript
用jquery获取自定义的标签属性的值简单实例
Sep 17 Javascript
微信小程序 animation API详解及实例代码
Oct 08 Javascript
JavaScript实现图片瀑布流和底部刷新
Jan 02 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
解决Vue+Element ui开发中碰到的IE问题
Sep 03 Javascript
详解vue-cli 3.0 build包太大导致首屏过长的解决方案
Nov 10 Javascript
JavaScript学习笔记之数组基本操作示例
Jan 09 Javascript
一百行JS代码实现一个校验工具
Apr 30 Javascript
js类的继承定义与用法分析
Jun 21 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 #Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 #Javascript
用js传递value默认值的示例代码
Sep 11 #Javascript
js图片实时加载提供网页打开速度
Sep 11 #Javascript
jQuery 复合选择器应用的几个例子
Sep 11 #Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 #Javascript
sogou地图API用法实例教程
Sep 11 #Javascript
You might like
Laravel 修改验证异常的响应格式实例代码详解
2020/05/25 PHP
高效的表格行背景隔行变色及选定高亮的JS代码
2010/12/04 Javascript
jquery必须知道的一些常用特效方法及使用示例(整理)
2013/06/24 Javascript
javascript获取鼠标点击元素对象(示例代码)
2013/12/20 Javascript
JavaScript中for-in遍历方式示例介绍
2014/02/11 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
JS实现让访问者自助选择网页文字颜色的方法
2015/02/24 Javascript
JavaScript html5 canvas画布中删除一个块区域的方法
2016/01/26 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
jQuery 3.0 的 setter和getter 模式详解
2016/07/11 Javascript
详解如何在NodeJS项目中优雅的使用ES6
2017/04/22 NodeJs
vue添加class样式实例讲解
2019/02/12 Javascript
vue store之状态管理模式的详细介绍
2019/06/13 Javascript
微信小程序如何获取群聊的openGid以及名称详解
2019/07/17 Javascript
js绘制一条直线并旋转45度
2020/08/21 Javascript
[48:46]完美世界DOTA2联赛PWL S2 SZ vs FTD.C 第二场 11.19
2020/11/19 DOTA
使用基于Python的Tornado框架的HTTP客户端的教程
2015/04/24 Python
python中as用法实例分析
2015/04/30 Python
Python基于递归算法实现的汉诺塔与Fibonacci数列示例
2018/04/18 Python
pytorch cnn 识别手写的字实现自建图片数据
2018/05/20 Python
Python二叉树定义与遍历方法实例分析
2018/05/25 Python
对python list 遍历删除的正确方法详解
2018/06/29 Python
Python实现按逗号分隔列表的方法
2018/10/23 Python
Python使用sqlite3模块内置数据库
2020/05/07 Python
如何导出python安装的所有模块名称和版本号到文件中
2020/06/05 Python
Omio意大利:全欧洲低价大巴、火车和航班搜索和比价
2017/12/02 全球购物
新员工培训个人的自我评价
2013/10/09 职场文书
博士生求职信
2014/07/06 职场文书
党员学习群众路线教育实践活动对照检查材料
2014/09/23 职场文书
乡党委干部党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/01 职场文书
2015年健康教育工作总结
2015/04/10 职场文书
防溺水安全教育主题班会
2015/08/12 职场文书
我的暑假生活作文(五年级)范文
2019/08/07 职场文书
六年级作文之预言作文
2019/10/25 职场文书
使用 Apache Dubbo 实现远程通信(微服务架构)
2022/02/12 Servers
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android