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 相关文章推荐
jQuery对象[0]是什么含义?
Jul 31 Javascript
node.js中的events.EventEmitter.listenerCount方法使用说明
Dec 08 Javascript
javascript日期计算实例分析
Jun 29 Javascript
Css3制作变形与动画效果
Jul 24 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
Jun 02 Javascript
基于js实现的限制文本框只可以输入数字
Dec 05 Javascript
ES6扩展运算符的用途实例详解
Aug 20 Javascript
JS实现的3des+base64加密解密算法完整示例
May 18 Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
jquery实现垂直无限轮播的方法分析
Jul 16 jQuery
Javascript ParentNode和ChildNode接口原理解析
Mar 16 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
深入HTTP响应状态码速查表的详解
2013/06/07 PHP
Yii列表定义与使用分页方法小结(3种方法)
2016/07/15 PHP
CodeIgniter框架钩子机制实现方法【hooks类】
2018/08/21 PHP
Laravel 5+ .env环境配置文件详解
2020/04/06 PHP
使用JavaScript动态设置样式实现代码(2)
2013/01/25 Javascript
JavaScript中停止执行setInterval和setTimeout事件的方法
2015/05/14 Javascript
jQuery实现将页面上HTML标签换成另外标签的方法
2015/06/09 Javascript
JS使用post提交的两种方式
2015/12/03 Javascript
Node.js开发者必须了解的4个JS要点
2016/02/21 Javascript
浅析jquery数组删除指定元素的方法:grep()
2016/05/19 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
BootStrap智能表单实战系列(七)验证的支持
2016/06/13 Javascript
JS实现的二叉树算法完整实例
2017/04/06 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
2017/05/01 Javascript
Vue实现滑动拼图验证码功能
2019/09/15 Javascript
JS 设计模式之:工厂模式定义与实现方法浅析
2020/05/06 Javascript
python使用正则表达式匹配字符串开头并打印示例
2017/01/11 Python
python 集合 并集、交集 Series list set 转换的实例
2018/05/29 Python
Python Grid使用和布局详解
2018/06/30 Python
Python基于Tkinter模块实现的弹球小游戏
2018/12/27 Python
基于numpy中的expand_dims函数用法
2019/12/18 Python
利用Python将多张图片合成视频的实现
2020/11/23 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
英国高档时尚男装购物网站:MR PORTER
2016/08/09 全球购物
美国乡村商店:Plow & Hearth
2016/09/12 全球购物
瑞士首家网上药店折扣店:McDrogerie
2020/12/22 全球购物
中学老师的自我评价
2013/11/07 职场文书
简历的自我评价范文
2014/02/04 职场文书
大学生2014全国两会学习心得体会
2014/03/10 职场文书
教师自我剖析材料
2014/09/29 职场文书
个人专业技术总结
2015/03/05 职场文书
2015年大学班级工作总结
2015/04/28 职场文书
幼儿园开学家长寄语(2015秋季)
2015/05/27 职场文书
员工担保书范本
2015/09/22 职场文书
2016大学生形势与政策心得体会
2016/01/12 职场文书
建房合同协议书
2016/03/21 职场文书