您的位置:首页 > Web前端 > JavaScript

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

2014-09-11 14:18 134 查看
第一种:

1: function test(a,b){

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

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

4:    return a+b;


其等价为

1: function test(){

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

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

4: return a+b;

5: }


调用示例

1: alert(test());  //输出10

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

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

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

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




第二种:

1: function test(blog,address){

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

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

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

5: }


其等价为

1: function test(blog,address){

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

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

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

5: }


调用示例

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

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

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




第三种:

1: function test(setting){

2:     var defaultSetting={

3:         name:'程序爱好者',

4:         age:'1',

5:         phone:'15602277510',

6:         QQ:'259280570',

7:         message:'欢迎你的加入'

8:     };

9:     $.extend(defaultSetting,setting);

10:     var msg='姓名:'+defaultSetting.name

11:     +',年龄:'+defaultSetting.age

12:     +',电话:'+defaultSetting.phone

13:     +',QQ群:'+defaultSetting.QQ

14:     +',说明:'+defaultSetting.message

15:     +'。';

16:     alert(msg);

17: }


调用示例

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

2: test({

3:   name:'dwqs',

4:   age:'20',

5:   QQ:'461147874',

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

7: });

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


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

来源:http://www.ido321.com/555.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: