Javascript中设置默认参数值示例

 更新时间:2014年09月11日 16:07:30   投稿:whsnow  
这篇文章主要介绍了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.jb51.net';

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

}

其等价为

function test(blog,address){

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

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

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

}

调用示例

test(); //博客名是淡忘~浅思的地址是www.jb51.net

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

test('','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.jb51.net'

});

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

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

相关文章

  • Bootstrap源码解读导航条(7)

    Bootstrap源码解读导航条(7)

    这篇文章主要源码解读了Bootstrap导航条,介绍了Bootstrap各式各样的导航条,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • 小程序表单认证布局及验证详解

    小程序表单认证布局及验证详解

    这篇文章主要为大家详细介绍了小程序表单认证布局及验证的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • JS打开层/关闭层/移动层动画效果的实例代码

    JS打开层/关闭层/移动层动画效果的实例代码

    JS打开层/关闭层/移动层动画效果的实例代码,需要的朋友可以参考一下
    2013-05-05
  • 纯JS实现弹性导航条效果

    纯JS实现弹性导航条效果

    本文主要介绍了纯JS实现弹性导航条效果的实例,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • 微信小程序使用canvas的画图操作示例

    微信小程序使用canvas的画图操作示例

    这篇文章主要介绍了微信小程序使用canvas的画图操作,结合实例形式较为详细的分析了微信小城序基于canvas的画图操作相关实现技巧与操作注意事项,需要的朋友可以参考下
    2019-01-01
  • JS 自动完成 AutoComplete(Ajax 查询)

    JS 自动完成 AutoComplete(Ajax 查询)

    实现类似于百度或谷歌的搜索下拉列表的,就是打开百度往里输入你要查询的条件,只要你一输入他就自动弹出一个下拉列表框,并显示相关所有搜索内容
    2009-07-07
  • 以JavaScript来实现WordPress中的二级导航菜单的方法

    以JavaScript来实现WordPress中的二级导航菜单的方法

    这篇文章主要介绍了以JavaScript来实现WordPress中的二级导航菜单的方法,文中首先对WordPress基本的PHP导航菜单的做法给出了说明来作为基础,需要的朋友可以参考下
    2015-12-12
  • 利用Node.js创建一个密码生成器的全步骤

    利用Node.js创建一个密码生成器的全步骤

    这篇文章主要给大家介绍了关于如何利用Node.js创建一个密码生成器的相关资料,文章将实现的步骤一步步介绍的非常详细,对大家具有也一定的参考学习价值,需要的朋友可以参考下
    2021-07-07
  • 分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]

    分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]

    今天地铁上和一个同事闲聊,给我说的一道题,回来想了想,写出来的,说来惭愧,我用的是行测方面数字推理里面的知识归纳出来的,当然这个可以用递归写出来,说说我的代码,以及递归的思路
    2012-10-10
  • javascript 哈希表(hashtable)的简单实现

    javascript 哈希表(hashtable)的简单实现

    javascript中没有像c#,java那样的哈希表(hashtable)的实现。在js中,object属性的实现就是hash表,因此只要在object上封装点方法,简单的使用obejct管理属性的方法就可以实现简单高效的hashtable。
    2010-01-01

最新评论