Javascript中设置默认参数值示例

所属分类: 网络编程 / JavaScript 阅读数: 831
收藏 0 赞 0 分享

第一种:

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||'www.jb51.net';

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

}

其等价为

function test(blog,address){

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

if(!address){address='www.jb51.net';}

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

}

调用示例

test(); //博客名是淡忘~浅思的地址是www.jb51.net

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:'博客:www.jb51.net'

});

//输出:姓名:dwqs,年龄:20,电话:15602277510,QQ群:461147874,说明:博客:www.jb51.net。

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

更多精彩内容其他人还在看

BootStrap数据表格实例代码

本文通过实例代码给大家分享了BootStrap数据表格的相关知识,感兴趣的朋友一起看看吧
收藏 0 赞 0 分享

基于vue的短信验证码倒计时demo

这篇文章主要介绍了基于vue的短信验证码倒计时demo,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

详解React Native开源时间日期选择器组件(react-native-datetime)

本篇文章主要介绍了详解React Native开源时间日期选择器组件(react-native-datetime),具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

JS库particles.js创建超炫背景粒子插件(附源码下载)

particles.js用于创建粒子的轻量级 JavaScript 库。使用方法非常简单,代码也很容易实现,下面通过本文给大家分享JS库particles.js创建超炫背景粒子插件附源码下载,需要的朋友参考下吧
收藏 0 赞 0 分享

JS库之Waypoints的用法详解

waypoints的功能非常强大,一款用于捕获各种滚动事件的插件,下面跟随脚本之家小编一起学习JS库之Waypoints的用法吧
收藏 0 赞 0 分享

强大的JavaScript响应式图表Chartist.js的使用

本篇文章主要介绍了强大的JavaScript响应式图表Chartist.js的使用,具有一定的参考价值,有兴趣的可以了解一下
收藏 0 赞 0 分享

详解wow.js中各种特效对应的类名

本篇文章主要介绍了wow.js中各种特效对应的类名 ,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库之Highlight.js的用法详解

highlight.js是一款轻量级的Web代码语法高亮库。下面通过实例代码给大家分享JS库之Highlight.js的用法详解,感兴趣的朋友跟随脚本之家小编一起学习吧
收藏 0 赞 0 分享

详解动画插件wow.js的使用方法

本篇文章主要介绍了动画插件wow.js的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
收藏 0 赞 0 分享

JS库 Highlightjs 添加代码行号的实现代码

Highlightjs是一款优秀的代码高亮Js组件,可以很方便地对各种语言编写的代码添加语法高亮样式。本文重点给大家介绍Highlightjs 添加代码行号的实现代码,需要的朋友参考下吧
收藏 0 赞 0 分享
查看更多