首页 > 代码库 > 浅谈Javascript中默认参数值的设置

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

2024-07-22 01:55:19   221人阅读

第一种：

   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中默认参数值的设置


联系
我们