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 相关文章推荐
js中更短的 Array 类型转换
Oct 30 Javascript
js 对小数加法精度处理示例说明
Dec 27 Javascript
键盘上一张下一张兼容IE/google/firefox等浏览器
Jan 28 Javascript
js数组的基本操作(很全自己整理的)
Oct 16 Javascript
js实现的倒计时按钮实例
Jun 24 Javascript
jQuery简单实现仿京东商城的左侧菜单效果代码
Sep 09 Javascript
深入理解javascript作用域第二篇之词法作用域和动态作用域
Jul 24 Javascript
js实现密码强度检验
Jan 15 Javascript
Babel 入门教程学习笔记
Jun 13 Javascript
用Node编写RESTful API接口的示例代码
Jul 04 Javascript
实现一个Vue自定义指令懒加载的方法示例
Jun 04 Javascript
小程序实现上下切换位置
Nov 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
在Windows版的PHP中使用ADO
2006/10/09 PHP
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
php获取新浪微博数据API实例
2013/11/12 PHP
PHP使用gmdate实现将一个UNIX 时间格式化成GMT文本的方法
2015/03/19 PHP
Laravel框架生命周期与原理分析
2018/06/12 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
BOOM vs RR BO5 第三场 2.14
2021/03/10 DOTA
jquery $.ajax相关用法分享
2012/03/16 Javascript
使用原生JS实现弹出层特效
2014/12/22 Javascript
详解JavaScript正则表达式之RegExp对象
2015/12/13 Javascript
Vue.JS入门教程之处理表单
2016/12/01 Javascript
BootStrap3中模态对话框的使用
2017/01/06 Javascript
jQuery绑定事件方法及区别(bind,click,on,live,one)
2017/08/14 jQuery
angularjs利用directive实现移动端自定义软键盘的示例
2017/09/20 Javascript
ztree实现左边动态生成树右边为内容详情功能
2017/11/03 Javascript
BootStrap模态框闪退问题实例代码详解
2018/12/10 Javascript
vue element-ui el-date-picker限制选择时间为当天之前的代码
2019/11/07 Javascript
vue 实现把路由单独分离出来
2020/08/13 Javascript
[01:13:18]Secret vs Infamous 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
python进阶教程之函数对象(函数也是对象)
2014/08/30 Python
在Python中处理字符串之isdecimal()方法的使用
2015/05/20 Python
Python使用struct处理二进制的实例详解
2017/09/11 Python
python模拟表单提交登录图书馆
2018/04/27 Python
python模拟键盘输入 切换键盘布局过程解析
2019/08/15 Python
Django中使用MySQL5.5的教程
2019/12/18 Python
Django+python服务器部署与环境部署教程详解
2020/03/30 Python
韩国美国时尚服装和美容在线全球市场:KOODING
2018/11/07 全球购物
销售人员求职的自我评价分享
2014/03/15 职场文书
公务员试用期满考核材料
2014/05/22 职场文书
提拔干部考察材料
2014/05/26 职场文书
公司授权委托书范本
2014/09/18 职场文书
义诊活动总结
2015/02/04 职场文书
2015年初三班主任工作总结
2015/05/21 职场文书
《月球之谜》教学反思
2016/02/20 职场文书
JavaScript 实现页面滚动动画
2021/04/24 Javascript
vite+vue3.0+ts+element-plus快速搭建项目的实现
2021/06/24 Vue.js