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 用cloneNode方法克隆节点的代码
Oct 15 Javascript
javascript实现tab切换特效
Nov 12 Javascript
JavaScript中Object.prototype.toString方法的原理
Feb 24 Javascript
AngularJS动态加载模块和依赖的方法分析
Nov 08 Javascript
微信小程序 自定义对话框实例详解
Jan 20 Javascript
jquery实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
JavaScript阻止表单提交方法(附代码)
Aug 15 Javascript
vue综合组件间的通信详解
Nov 06 Javascript
浅析vue给不同环境配置不同打包命令
Aug 17 Javascript
小程序实现分类页
Jul 12 Javascript
基于vue3.0.1beta搭建仿京东的电商H5项目
May 06 Javascript
vue中this.$http.post()跨域和请求参数丢失的解决
Apr 08 Vue.js
采用自执行的匿名函数解决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
apache rewrite_module模块使用教程
2008/01/10 PHP
不用mod_rewrite直接用php实现伪静态化页面代码
2008/10/04 PHP
PHP中error_log()函数的使用方法
2015/01/20 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
javascript第一课
2007/02/27 Javascript
AutoSave/自动存储功能实现
2007/03/24 Javascript
javascript下操作css的float属性的特殊写法
2007/08/22 Javascript
IE bug table元素的innerHTML
2010/01/11 Javascript
JS实现先显示大图后自动收起显示小图的广告代码
2015/09/04 Javascript
如何防止JavaScript自动插入分号
2015/11/05 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
通过javascript进行UTF-8编码的实现方法
2016/06/27 Javascript
AngularJS 简单应用实例
2016/07/28 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
详解Jquery EasyUI tree 的异步加载(遍历指定文件夹,根据文件夹内的文件生成tree)
2017/02/11 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
webpack 2的react开发配置实例代码
2017/07/28 Javascript
js实现扫雷小程序的示例代码
2017/09/27 Javascript
input type=file 选择图片并且实现预览效果的实例
2017/10/26 Javascript
PyQt5每天必学之工具提示功能
2018/04/19 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
使用Python读取二进制文件的实例讲解
2018/07/09 Python
python3学习之Splash的安装与实例教程
2018/07/09 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
Python(PyS60)实现简单语音整点报时
2019/11/18 Python
python+selenium+Chrome options参数的使用
2020/03/18 Python
NUK奶瓶美国官网:NUK美国
2016/09/26 全球购物
LORAC官网:美国彩妆品牌
2019/08/27 全球购物
《猫》教学反思
2014/02/26 职场文书
电脑售后服务承诺书
2014/03/27 职场文书
领导干部廉政承诺书
2014/03/27 职场文书
农村葬礼主持词
2014/03/31 职场文书
公安民警正风肃纪剖析材料
2014/10/10 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
介绍信样本
2015/01/31 职场文书
教师培训学习心得体会
2016/01/21 职场文书