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 相关文章推荐
js文字滚动停顿效果代码
Jun 28 Javascript
Jquery chosen动态设置值实例介绍
Aug 08 Javascript
js使用post 方式打开新窗口
Feb 26 Javascript
jQuery实现图片渐入渐出切换展示效果
Aug 15 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
Oct 26 Javascript
在ASP.NET MVC项目中使用RequireJS库的用法示例
Feb 15 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
使用jquery判断一个元素是否含有一个指定的类(class)实例
Feb 12 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
vue+element搭建后台小总结 el-dropdown下拉功能
Apr 10 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
Dec 09 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 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
php下将图片以二进制存入mysql数据库中并显示的实现代码
2010/05/27 PHP
使用PHP导出Word文档的原理和实例
2013/10/21 PHP
php实现保存submit内容之后禁止刷新
2014/03/19 PHP
PHP解析RSS的方法
2015/03/05 PHP
简单介绍win7下搭建apache+php+mysql开发环境
2015/08/06 PHP
使用jQuery实现星级评分代码分享
2014/12/09 Javascript
NodeJS学习笔记之(Url,QueryString,Path)模块
2015/01/13 NodeJs
js随机生成网页背景颜色的方法
2015/02/26 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
jquery二级目录选中当前页的css样式
2016/12/08 Javascript
BootStrap Table对前台页面表格的支持实例讲解
2016/12/22 Javascript
angular之ng-template模板加载
2017/11/09 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
Vue 刷新当前路由的实现代码
2019/09/26 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
JavaScript实现浏览器网页自动滚动并点击的示例代码
2020/12/05 Javascript
python 从远程服务器下载日志文件的程序
2013/02/10 Python
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
Python下rrdtool模块的基本使用方法
2015/11/13 Python
详解python单元测试框架unittest
2018/07/02 Python
Python3.5内置模块之random模块用法实例分析
2019/04/26 Python
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
Pycharm导入anaconda环境的教程图解
2020/07/31 Python
Python Selenium自动化获取页面信息的方法
2020/08/31 Python
利用 Canvas实现绘画一个未闭合的带进度条的圆环
2019/07/26 HTML / CSS
Omio西班牙:全欧洲低价大巴、火车和航班搜索和比价
2017/02/11 全球购物
Lampegiganten丹麦:欧洲领先的照明网上商店
2018/04/25 全球购物
美国在线乐器和设备商店:Musician’s Friend
2018/07/06 全球购物
英国羊绒服装购物网站:Pure Collection
2018/10/22 全球购物
教师自我评价范例
2013/09/24 职场文书
军训教官感言
2014/03/02 职场文书
文明生主要事迹
2014/05/25 职场文书
应届生面试求职信
2014/07/02 职场文书
护士节演讲稿开场白
2014/08/25 职场文书
群众路线查摆问题及整改措施
2014/10/10 职场文书
Nginx的gzip相关介绍
2022/05/11 Servers