浅谈Javascript中默认参数值的设置

第一种：

[code] 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;

[/code]

其等价为

[code] function test(){

var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9

return a+b;

}

[/code]

调用示例

[code] alert(test());  //输出10

alert(test(5));   //输出14

alert(test(5,6));  //输出11

alert(test(null,6));  //输出7

alert(test(6,null));   //输出15

[/code]

第二种：

[code] function test(blog,address){

blog=blog||'淡忘~浅思';

address=address||'www.ido321.com';

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

}

[/code]

其等价为

[code] function test(blog,address){

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

if(!address){address='www.ido321.com';}

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

}

[/code]

调用示例

[code] test();   //博客名是淡忘~浅思的地址是www.ido321.com

test('csdn','blog.csdn.net');  //博客名是csdn的地址是blog.csdn.net

test('','blog.csdn.net/u011043843');  //博客名是淡忘~浅思的地址是blog.csdn.net/u011043843

[/code]

第三种：

[code] 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);

}

[/code]

调用示例

[code] test();  //输出：姓名：程序爱好者，年龄：1，电话：15602277510，QQ群：259280570，说明：欢迎你的加入。

test({

name:'dwqs',

age:'20',

QQ:'461147874',

message:'博客：www.ido321.com'

});

//输出：姓名：dwqs，年龄：20，电话：15602277510，QQ群：461147874，说明：博客：www.ido321.com。

[/code]

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

来源：http://www.ido321.com/555.html