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学习笔记 delete运算符
Sep 13 Javascript
jquery ajax方式直接提交整个表单核心代码
Aug 15 Javascript
网页广告中JS代码的信息监听示例
Apr 02 Javascript
JavaScript学习笔记之JS事件对象
Jan 22 Javascript
javascript三种代码注释方法
Jun 02 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
vue表单自定义校验规则介绍
Aug 28 Javascript
vue-cli 构建骨架屏的方法示例
Nov 08 Javascript
小程序实现授权登陆的解决方案
Dec 02 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 Javascript
jquery插件实现图片悬浮
Apr 16 jQuery
采用自执行的匿名函数解决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
浅析PHP程序防止ddos,dns,集群服务器攻击的解决办法
2013/06/18 PHP
PHP循环输出指定目录下的所有文件和文件夹路径例子(简单实用)
2014/05/10 PHP
PHP中文乱码解决方案
2015/03/05 PHP
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
基于php实现的php代码加密解密类完整实例
2016/10/12 PHP
ie下jquery.getJSON的缓存问题的处理方法
2013/03/29 Javascript
模拟多级复选框效果的jquery代码
2013/08/13 Javascript
jquery读写cookie操作实例分析
2015/12/24 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
JS作为值的函数用法示例
2016/06/20 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
详解用webpack的CommonsChunkPlugin提取公共代码的3种方式
2017/11/09 Javascript
浅谈一种让小程序支持JSX语法的新思路
2019/06/16 Javascript
Java Varargs 可变参数用法详解
2020/01/28 Javascript
JavaScript中使用Spread运算符的八种方法总结
2020/06/18 Javascript
JS使用Chrome浏览器实现调试线上代码
2020/07/23 Javascript
浅谈Ant Design Pro 菜单自定义 icon
2020/11/17 Javascript
python smtplib模块发送SSL/TLS安全邮件实例
2015/04/08 Python
使用基于Python的Tornado框架的HTTP客户端的教程
2015/04/24 Python
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
利用python计算时间差(返回天数)
2019/09/07 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
Python实现的北京积分落户数据分析示例
2020/03/27 Python
利用python如何实现猫捉老鼠小游戏
2020/12/04 Python
Ray-Ban雷朋西班牙官网:全球领先的太阳眼镜品牌
2018/11/28 全球购物
Nixon手表英国官网:美国尼克松手表品牌
2020/02/10 全球购物
花坛标语大全
2014/06/30 职场文书
优秀班主任推荐材料
2014/12/17 职场文书
2015年质检工作总结
2015/05/04 职场文书
2016年企业先进员工事迹材料
2016/02/25 职场文书
2019年市场部个人述职报告(三篇)
2019/10/23 职场文书
MySQL高速缓存启动方法及参数详解(query_cache_size)
2021/07/01 MySQL
Spring Boot优化后启动速度快到飞起技巧示例
2022/07/23 Java/Android
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技