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 面向对象的技术创建高级 Web 应用程序
Feb 25 Javascript
js对数字的格式化使用说明
Jan 12 Javascript
JS读取XML文件示例代码
Nov 15 Javascript
js实现a标签超链接提交form表单的方法
Jun 24 Javascript
JavaScript高级教程5.6之基本包装类型(详细)
Nov 23 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
以v-model与promise两种方式实现vue弹窗组件
May 21 Javascript
vue项目中使用Hbuilder打包app 设置沉浸式状态栏的方法
Oct 22 Javascript
vue项目启动出现cannot GET /服务错误的解决方法
Apr 26 Javascript
JavaScript前端开发时数值运算的小技巧
Jul 28 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 Javascript
TS 类型兼容教程示例详解
Sep 23 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
php 中文和编码判断代码
2010/05/16 PHP
php数组函数序列之next() - 移动数组内部指针到下一个元素的位置,并返回该元素值
2011/10/31 PHP
php函数式编程简单示例
2019/08/08 PHP
javascript 兼容鼠标滚轮事件
2009/04/07 Javascript
extjs grid设置某列背景颜色和字体颜色的方法
2010/09/03 Javascript
JS getAttribute和setAttribute(取得和设置属性)的使用介绍
2013/07/10 Javascript
node.js不得不说的12点内容
2014/07/14 Javascript
JavaScript获取当前url根目录(路径)
2016/06/17 Javascript
SeaJS中use函数用法实例分析
2017/10/10 Javascript
LayUI数据接口返回实体封装的例子
2019/09/12 Javascript
JavaScript实现英语单词题库
2019/12/24 Javascript
webpack3.0升级4.0的方法步骤
2020/04/02 Javascript
使用eslint和githooks统一前端风格的技巧
2020/07/29 Javascript
简单的Apache+FastCGI+Django配置指南
2015/07/22 Python
python 遍历字符串(含汉字)实例详解
2017/04/04 Python
Python3 中文文件读写方法
2018/01/23 Python
python 按照固定长度分割字符串的方法小结
2018/04/30 Python
python实现把二维列表变为一维列表的方法分析
2019/10/08 Python
python处理excel绘制雷达图
2019/10/18 Python
python给指定csv表格中的联系人群发邮件(带附件的邮件)
2019/12/31 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
Gap工厂店:Gap Factory
2017/11/02 全球购物
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
2012/09/08 面试题
大学生如何写自荐信
2014/01/08 职场文书
八一建军节部队活动方案
2014/02/04 职场文书
爱国主义教育活动总结
2014/05/07 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
代收款委托书范本
2014/10/01 职场文书
个人股份转让协议书范本
2014/10/26 职场文书
维稳工作承诺书
2015/01/20 职场文书
机械生产实习心得体会
2016/01/22 职场文书
pytorch锁死在dataloader(训练时卡死)
2021/05/28 Python
springboot 自定义配置 解决Boolean属性不生效
2022/03/18 Java/Android
Java基础——Map集合
2022/04/01 Java/Android