JavaScript函数默认参数值设置全解析

人亦已歌

JavaScript函数默认参数值设置全解析

Javascript(js)中如何为函数设置默认参数值，下面提供几种方法供参考。

注意：以下的第一种方法和第二种方法都是不严谨的，当传入的参数是0或false并且有意义的时候，会被默认值给替换了，所以正确的判断方法应该是：

2. function example(a, b) {
3. if (typeof a == 'undefined') {
4. a = 1;//设置参数a的默认值为1
5. }
6. if (typeof b == 'undefined') {
7. b = 2;//设置参数b的默认值为2
8. }
9. return a + b;
10. }

复制代码

第一种方法：

2. function example(a,b){
3. var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1
4. var b = arguments[1] ? arguments[1] : 2;//设置参数b的默认值为2
5. return a+b;
6. }

复制代码

注意以上函数也可写作如下：

2. function example(){
3. var a = arguments[0] ? arguments[0] : 1;//设置第一个参数的默认值为1
4. var b = arguments[1] ? arguments[1] : 2;//设置第二个参数的默认值为2
5. return a+b;
6. }

复制代码

调用示例：

2. alert( example() ); //输出3
3. alert( example(10) ); //输出12
4. alert( example(10,20) ); //输出30
5. alert( example(null,20) ); //输出20

复制代码

第二种方法：

2. function example(name,age){
3. name=name||'貂蝉';
4. age=age||21;
5. alert('你好！我是'+name+'，今年'+age+'岁。');
6. }

复制代码

该函数也可以写作如下：

2. function example(name,age){
3. if(!name){name='貂蝉';}
4. if(!age){age=21;}
5. alert('你好！我是'+name+'，今年'+age+'岁。');
6. }

复制代码

调用示例：

2. example('王五');//输出：你好！我是王五，今年21岁。
3. example('王五',30);//输出：你好！我是王五，今年30岁。
4. example(null,30);//输出：你好！我是貂蝉，今年30岁。

复制代码

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

2. function example(setting){
3. var defaultSetting={
4. name:'貂蝉',
5. age:'30',
6. sex:'女',
7. phone:'13611876347',
8. QQ:'10086',
9. birthday:'1949.10.01'
10. };
11. $.extend(defaultSetting,settings);
12. var message='姓名：'+defaultSetting.name
13. +'，性别：'+defaultSetting.sex
14. +'，年龄：'+defaultSetting.age
15. +'，电话：'+defaultSetting.phone
16. +'，QQ：'+defaultSetting.QQ
17. +'，生日：'+defaultSetting.birthday
18. +'。';
19. alert(message);
20. }

复制代码

调用示例：

2. example({
3. name:'王昭君',
4. sex:'女',
5. phone:'10089'
6. });
7. //输出：姓名：王昭君，性别：女，年龄：30，电话：10089，QQ：10086，生日：1949.10.01。

复制代码