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下获得客户端操作系统的函数代码(1:vista,2:windows7,3:2000,4:xp,5:2003,6:2008)
Oct 31 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
May 03 Javascript
引入autocomplete组件时JS报未结束字符串常量错误
Mar 19 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
JS中dom0级事件和dom2级事件的区别介绍
May 05 Javascript
jQuery绑定事件-多种实现方式总结
May 09 Javascript
深入理解jquery中的事件与动画
May 24 Javascript
JS获取和修改元素样式的实例代码
Aug 06 Javascript
如何使用jquery实现文字上下滚动效果
Oct 12 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
vue 使用v-for进行循环的实例代码详解
Feb 19 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商品对比功能代码分享
2015/09/24 PHP
php正则表达式学习笔记
2015/11/13 PHP
PHP仿微信多图片预览上传实例代码
2016/09/13 PHP
showModalDialog在谷歌浏览器下会返回Null的解决方法
2013/11/27 Javascript
JS自调用匿名函数具体实现
2014/02/11 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
JS实现点击按钮后框架内载入不同网页的方法
2015/05/05 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
2015/11/17 Javascript
js判断文本框输入的内容是否为数字
2015/12/23 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
vue.js加载新的内容(实例代码)
2017/06/01 Javascript
纯html+css+javascript实现楼层跳跃式的页面布局(实例代码)
2017/10/25 Javascript
关于vue中 $emit的用法详解
2018/04/12 Javascript
解决angularjs前后端分离调用接口传递中文时中文乱码的问题
2018/08/13 Javascript
jQuery事件委托代码实践详解
2019/06/21 jQuery
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
使用layui前端框架弹出form表单以及提交的示例
2019/10/25 Javascript
js实现星星海特效的示例
2020/09/28 Javascript
使用python Django做网页
2013/11/04 Python
python快速排序代码实例
2013/11/21 Python
python中ConfigParse模块的用法
2014/09/29 Python
python动态加载包的方法小结
2016/04/18 Python
Google开源的Python格式化工具YAPF的安装和使用教程
2016/05/31 Python
[原创]pip和pygal的安装实例教程
2017/12/07 Python
Java分治归并排序算法实例详解
2017/12/12 Python
Python之web模板应用
2017/12/26 Python
使用Python的toolz库开始函数式编程的方法
2018/11/15 Python
python GUI库图形界面开发之PyQt5菜单栏控件QMenuBar的详细使用方法与实例
2020/02/28 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
美国时尚女装在线:Missguided
2016/12/03 全球购物
中药专业自荐信范文
2014/03/18 职场文书
外国人聘用意向书
2014/04/01 职场文书
英文诗歌翻译方法(赏析)
2019/08/16 职场文书
POST提交数据常见的四种方式
2022/01/18 HTML / CSS