javascript设置默认参数值实例分享

发布时间:2020-04-10编辑:脚本学堂
有关javascript中默认参数值的设置方法,多种不同的默认参数设置实例,感兴趣的朋友参考下。

本节分享下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.yuju100.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:'博客:www.yuju100.com'
});
//输出:姓名:dwqs,年龄:20,电话:15602277510,QQ群:461147874,说明:博客:www.yuju100.com。

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