浅谈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.ido321.com';
    alert('博客名是'+blog+'的地址是'+address);
}

其等价为

function test(blog,address){
    if(!blog){blog='淡忘~浅思';}
    if(!address){address='www.ido321.com';}
    alert('博客名是'+blog+'的地址是'+address);
}

调用示例

test();   //博客名是淡忘~浅思的地址是www.ido321.com
test('csdn','blog.csdn.net');  //博客名是csdn的地址是blog.csdn.net
test('','blog.csdn.net/u011043843');  //博客名是淡忘~浅思的地址是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.ido321.com'
});
//输出：姓名：dwqs，年龄：20，电话：15602277510，QQ群：461147874，说明：博客：www.ido321.com。

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

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