js中对函数设置默认参数值的3种方法-优快云博客

本文介绍了在JavaScript中为函数设置默认参数值的三种方法，并通过示例展示了如何在实际调用中利用这些默认值。

在javascript中如何为函数设置默认参数值，下面提供几种方法供大家参考。
第一种方法：

function example(a,b){

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

}
//注意以上函数也可写作如下：
function example(){

  var a = arguments[0] ? arguments[0] : 1;//设置第一个参数的默认值为1 
  var b = arguments[1] ? arguments[1] : 2;//设置第二个参数的默认值为2 
  return a+b;

}
//调用事例
alert( example() ); //输出3
alert( example(10) ); //输出12
alert( example(10,20) ); //输出30
alert( example(null,20) ); //输出20

第二种方法：

function example(name,age){

  name=name||'貂蝉';
  age=age||21;
  alert('你好！我是'+name+'，今年'+age+'岁。'); 

}
//调用事例
example('王五');//输出：你好！我是王五，今年21岁。 
example('王五',30);//输出：你好！我是王五，今年30岁。  
example(null,30);//输出：你好！我是貂蝉，今年30岁。

第三种方法，这种方法适合用于参数较多的情况，使用了Jquery的扩展：

function example(setting){

  var defaultSetting={

    name:'小红',
    age:'30',
    sex:'女'
  };

  $.extend(defaultSetting,settings);

  var message='姓名：'+defaultSetting.name 
  +'，性别：'+defaultSetting.sex
  +'，年龄：'+defaultSetting.age
  +'。';
  alert(message);

}

//调用示例
example({
  name:'小红',
  sex:'女',
  age:'20'
});

//输出：姓名：小红，性别：女，年龄：20。

转载于:https://my.oschina.net/dhyana/blog/813599