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。

相关文章

  • 原生JavaScript实现轮播图

    原生JavaScript实现轮播图

    这篇文章主要为大家详细介绍了原生JavaScript实现轮播图,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • JavaScript setTimeout和setInterval的用法与区别详解

    JavaScript setTimeout和setInterval的用法与区别详解

    Javascript的setTimeOut和setInterval函数应用非常广泛,它们都用来处理延时和定时任务,下面这篇文章主要给大家介绍了关于JavaScript setTimeout和setInterval的用法与区别,需要的朋友可以参考下
    2022-04-04
  • 两种方法实现文本框输入内容提示消失

    两种方法实现文本框输入内容提示消失

    第一种方法:基于HTML5 input标签的新特性 - placeholder 。另外,x-webkit-speech 属性可以实现语音输入功能;第二种方法: 用span模拟,定位span,借助JS键盘事件判断输入,确定span里的内容显示隐藏
    2013-03-03
  • 使用JS-SDK开发公众号微信网页的完整步骤

    使用JS-SDK开发公众号微信网页的完整步骤

    微信JS-SDK是微信公众平台 面向网页开发者提供的基于微信内的网页开发工具包,下面这篇文章主要介绍了使用JS-SDK开发公众号微信网页的完整步骤,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-04-04
  • js实现百度淘宝搜索功能

    js实现百度淘宝搜索功能

    这篇文章主要为大家详细介绍了js实现百度淘宝搜索功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • js、jquery实现列表模糊搜索功能过程解析

    js、jquery实现列表模糊搜索功能过程解析

    这篇文章主要介绍了js、jquery实现列表模糊搜索功能过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-03-03
  • 用javascript实现源代码的隐藏与解密的方法

    用javascript实现源代码的隐藏与解密的方法

    用javascript实现源代码的隐藏与解密的方法
    2009-12-12
  • glsl_buffer实现渐变三角形方法详解

    glsl_buffer实现渐变三角形方法详解

    这篇文章主要为大家介绍了glsl_buffer实现渐变三角形方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • Bootstrap 3.x打印预览背景色与文字显示异常的解决

    Bootstrap 3.x打印预览背景色与文字显示异常的解决

    前几天同事有个问题咨询我,他在调用print()来打印页面,发现打印预览页面上的背景色无法显示以及文字总是显示为黑色,感觉非常奇怪,我通过测试发现是Bootstrap的问题,现在将解决的方法分享给大家,希望可以帮助到同样遇到这个问题的朋友们,下面来一起看看。
    2016-11-11
  • js前端实现多图图片上传预览的两个方法(推荐)

    js前端实现多图图片上传预览的两个方法(推荐)

    下面小编就为大家带来一篇js前端实现多图图片上传预览的两个方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11

最新评论