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 分栏效果实现代码
Aug 29 Javascript
javascript权威指南 学习笔记之变量作用域分享
Sep 28 Javascript
javaScript对文字按照拼音排序实现代码
Dec 27 Javascript
Javascript玩转继承(三)
May 08 Javascript
javascript制作2048游戏
Mar 30 Javascript
jquery实现简单实用的弹出层效果代码
Oct 15 Javascript
完美解决JS文件页面加载时的阻塞问题
Dec 18 Javascript
mescroll.js上拉加载下拉刷新组件使用详解
Nov 13 Javascript
vue组件中的数据传递方法
May 14 Javascript
微信小程序自定义带价格显示日历效果
Dec 29 Javascript
微信小程序开发之左右分栏效果的实例代码
May 20 Javascript
详解使用WebPack搭建React开发环境
Aug 06 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
PHP 批量更新网页内容实现代码
2010/01/05 PHP
利用PHP生成静态HTML文档的原理
2012/10/29 PHP
yii2中使用Active Record模式的方法
2016/01/09 PHP
thinkPHP框架动态配置用法实例分析
2018/06/14 PHP
ThinkPHP框架整合微信支付之刷卡模式图文详解
2019/04/10 PHP
JavaScript库 开发规则
2009/01/31 Javascript
JS获取鼠标坐标的实例方法
2013/07/18 Javascript
原生javascript实现无间缝滚动示例
2014/01/28 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
简介JavaScript中的setHours()方法的使用
2015/06/11 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
jquery插件之文字间歇自动向上滚动效果代码
2016/02/25 Javascript
jQuery 如何实现一个滑动按钮开关
2016/12/01 Javascript
原生JS实现图片左右轮播
2016/12/30 Javascript
Angular.js去除页面中显示的空行方法示例
2017/03/30 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
浅谈Vue.nextTick 的实现方法
2017/10/25 Javascript
vue :src 文件路径错误问题的解决方法
2018/05/15 Javascript
jQuery实现的简单歌词滚动功能示例
2019/01/07 jQuery
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
[01:30:55]VG vs Mineski Supermajor 败者组 BO3 第三场 6.6
2018/06/07 DOTA
详解Python中for循环的使用
2015/04/14 Python
Python协程的用法和例子详解
2017/09/09 Python
python列表生成式与列表生成器的使用
2018/02/23 Python
python excel转换csv代码实例
2019/08/26 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
纯CSS3制作漂亮带动画效果的主机价格表
2015/04/25 HTML / CSS
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
美国电视购物:QVC
2017/02/06 全球购物
英国经典球衣网站:Classic Football Shirts
2017/05/20 全球购物
加拿大在线隐形眼镜和眼镜店:VisionPros
2019/10/06 全球购物
考试作弊被抓检讨书
2014/01/10 职场文书
安全保证书范文
2014/04/29 职场文书
公司向个人借款协议书范本
2014/10/09 职场文书
学生不参加考试检讨书
2015/02/19 职场文书
基于Python实现流星雨效果的绘制
2022/03/18 Python