码迷,mamicode.com
首页 > 编程语言 > 详细

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

时间:2014-09-11 15:26:12      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:javascript   js   

第一种:

   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

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

标签:javascript   js   

原文地址:http://blog.csdn.net/u011043843/article/details/39205795

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!