Javascript中设置默认参数值示例
更新时间:2014年09月11日 16:07:30 投稿:whsnow
这篇文章主要介绍了Javascript中默认参数值的设置,很简单,但很实用,需要的朋友可以参考下
第一种:
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。
相关文章
JavaScript setTimeout和setInterval的用法与区别详解
Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,下面这篇文章主要给大家介绍了关于JavaScript setTimeout和setInterval的用法与区别,需要的朋友可以参考下2022-04-04
Bootstrap 3.x打印预览背景色与文字显示异常的解决
前几天同事有个问题咨询我,他在调用print()来打印页面,发现打印预览页面上的背景色无法显示以及文字总是显示为黑色,感觉非常奇怪,我通过测试发现是Bootstrap的问题,现在将解决的方法分享给大家,希望可以帮助到同样遇到这个问题的朋友们,下面来一起看看。2016-11-11


最新评论