Javascript中设置默认参数值示例

第一种:

rush:js;"> 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;

其等价为

rush:js;"> function test(){

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

var b = arguments[1] ? arguments[1] : 9;//设置参数b的认值为9

return a+b;

}

调用示例

rush:js;"> alert(test()); //输出10

alert(test(5)); //输出14

alert(test(5,6)); //输出11

alert(test(null,6)); //输出7

alert(test(6,null)); //输出15

第二种:

rush:js;"> function test(blog,address){

blog=blog||'淡忘~浅思';

address=address||'www.jb51.cc';

alert('博客名是'+blog+'的地址是'+address);

}

其等价为

rush:js;"> function test(blog,address){

if(!blog){blog='淡忘~浅思';}

if(!address){address='www.jb51.cc';}

alert('博客名是'+blog+'的地址是'+address);

}

调用示例

rush:js;"> test(); //博客名是淡忘~浅思的地址是www.jb51.cc

test('csdn','blog.csdn.net'); //博客名是csdn的地址是blog.csdn.net

test('','blog.csdn.net/u011043843'); //博客名是淡忘~浅思

第三种:

rush:xhtml;"> 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);
}

调用示例

rush:js;"> test(); //输出:姓名:程序爱好者,年龄:1,电话:15602277510,QQ群:259280570,说明:欢迎你的加入。

test({

name:'dwqs',age:'20',QQ:'461147874',message:'博客:www.jb51.cc'

});

//输出:姓名:dwqs,年龄:20,电话:15602277510,QQ群:461147874,说明:博客:www.jb51.cc。

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

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...