Javascript中设置默认参数值示例


Posted in Javascript onSeptember 11, 2014

第一种:

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||'3water.com';

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

}

其等价为

function test(blog,address){

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

if(!address){address='3water.com';}

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

}

调用示例

test(); //博客名是淡忘~浅思的地址是3water.com

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:'博客:3water.com'

});

//输出:姓名:dwqs,年龄:20,电话:15602277510,QQ群:461147874,说明:博客:3water.com。

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

Javascript 相关文章推荐
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 Javascript
juqery 学习之五 文档处理 插入
Feb 11 Javascript
jquery $.fn $.fx是什么意思有什么用
Nov 04 Javascript
自写的jQuery异步加载数据添加事件
May 15 Javascript
Javascript核心读书有感之语言核心
Feb 01 Javascript
JS中动态创建元素的三种方法总结(推荐)
Oct 20 Javascript
jQuery实现页面滚动时智能浮动定位
Jan 08 Javascript
JavaScript字符集编码与解码详谈
Feb 02 Javascript
webpack-dev-server自动更新页面方法
Feb 22 Javascript
ligerUI的ligerDialog关闭刷新的方法
Sep 27 Javascript
详解Vue template 如何支持多个根结点
Feb 10 Javascript
vue实现移动端拖动排序
Aug 21 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
Sep 11 #Javascript
Extjs grid panel自带滚动条失效的解决方法
Sep 11 #Javascript
用js传递value默认值的示例代码
Sep 11 #Javascript
js图片实时加载提供网页打开速度
Sep 11 #Javascript
jQuery 复合选择器应用的几个例子
Sep 11 #Javascript
使用js dom和jquery分别实现简单增删改
Sep 11 #Javascript
sogou地图API用法实例教程
Sep 11 #Javascript
You might like
利用文件属性结合Session实现在线人数统计
2006/10/09 PHP
PHPMyadmin 配置文件详解(配置)
2009/12/03 PHP
关于php curl获取301或302转向的网址问题的解决方法
2011/06/02 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
php封装的page分页类完整实例
2016/10/18 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
php 判断IP为有效IP地址的方法
2018/01/28 PHP
用JavaScript实现UrlEncode和UrlDecode的脚本代码
2008/07/23 Javascript
JS画5角星方法介绍
2013/09/17 Javascript
jQuery Ajax异步处理Json数据详解
2013/11/05 Javascript
JS网页图片按比例自适应缩放实现方法
2014/01/15 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
jQuery中closest()函数用法实例
2015/01/07 Javascript
jQuery Mobile动态刷新页面样式的实现方法
2016/05/28 Javascript
js实现当鼠标移到表格上时显示这一格全部内容的代码
2016/06/12 Javascript
JavaScript实现无刷新上传预览图片功能
2017/08/02 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
JS+HTML+CSS实现轮播效果
2017/11/28 Javascript
element ui table 增加筛选的方法示例
2018/11/02 Javascript
解决vue-router 嵌套路由没反应的问题
2020/09/22 Javascript
Python入门学习之字符串与比较运算符
2015/10/12 Python
python 数据清洗之数据合并、转换、过滤、排序
2017/02/12 Python
python基础_文件操作实现全文或单行替换的方法
2017/09/04 Python
用Python实现读写锁的示例代码
2018/11/05 Python
pymysql模块的使用(增删改查)详解
2019/09/09 Python
浅谈opencv自动光学检测、目标分割和检测(连通区域和findContours)
2020/06/04 Python
详解基于python的图像Gabor变换及特征提取
2020/10/26 Python
Clarks鞋澳大利亚官方网站:Clarks Australia
2019/12/25 全球购物
求职简历中个人的自我评价
2013/12/01 职场文书
大学军训感言600字
2014/02/25 职场文书
思想作风纪律整顿心得体会
2014/09/04 职场文书
现役军人家属慰问信
2015/03/24 职场文书
《棉鞋里的阳光》教学反思
2016/02/20 职场文书
银行求职信范文
2019/05/13 职场文书
MySQL主从搭建(多主一从)的实现思路与步骤
2021/05/13 MySQL
4种方法python批量修改替换列表中元素
2022/04/07 Python