浅谈Javascript中默认参数值的设置

叁歲伎倆 2022-08-12 01:06 181阅读 0赞

**第一种：**

1: function test(a,b){

2:    var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

3:    var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9

4:    return a+b;

其等价为

1: function test(){

2: var a = arguments[0] ? arguments[0] : 1;//设置参数a的默认值为1

3: var b = arguments[1] ? arguments[1] : 9;//设置参数b的默认值为9

4: return a+b;

5: }

调用示例

1: alert(test());  //输出10

2: alert(test(5));   //输出14

3: alert(test(5,6));  //输出11

4: alert(test(null,6));  //输出7

5: alert(test(6,null));   //输出15

**第二种：**

1: function test(blog,address){

2:     blog=blog||'淡忘~浅思';

3:     address=address||'www.ido321.com';

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

5: }

其等价为

1: function test(blog,address){

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

3:     if(!address){address='www.ido321.com';}

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

5: }

调用示例

1: test();   //博客名是淡忘~浅思的地址是www.ido321.com

2: test('csdn','blog.csdn.net');  //博客名是csdn的地址是blog.csdn.net

3: test('','blog.csdn.net/u011043843');  //博客名是淡忘~浅思的地址是blog.csdn.net/u011043843

**第三种：**

1: function test(setting){

2:     var defaultSetting={

3:         name:'程序爱好者',

4:         age:'1',

5:         phone:'15602277510',

6:         QQ:'259280570',

7:         message:'欢迎你的加入'

8:     };

9:     $.extend(defaultSetting,setting);

10:     var msg='姓名：'+defaultSetting.name

11:     +'，年龄：'+defaultSetting.age

12:     +'，电话：'+defaultSetting.phone

13:     +'，QQ群：'+defaultSetting.QQ

14:     +'，说明：'+defaultSetting.message

15:     +'。';

16:     alert(msg);

17: }

调用示例

1: test();  //输出：姓名：程序爱好者，年龄：1，电话：15602277510，QQ群：259280570，说明：欢迎你的加入。

2: test({

3:   name:'dwqs',

4:   age:'20',

5:   QQ:'461147874',

6:   message:'博客：www.ido321.com'

7: });

8: //输出：姓名：dwqs，年龄：20，电话：15602277510，QQ群：461147874，说明：博客：www.ido321.com。

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

来源：[http://www.ido321.com/555.html][http_www.ido321.com_555.html]

[http_www.ido321.com_555.html]: http://www.ido321.com/555.html

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关浅谈Javascript中的原型链

js中的原型链我们先来了解一下原型链中涉及到的知识的基本概念！原型对象 1.原型是包含特定类型的所有实例共享的属性和方法。 2.原型对象的好处是，可以让所有

野性酷女/ 2022年11月29日 00:58/ 0 赞/ 199 阅读

相关深入 JavaScript 中的默认参数！

> 译者：前端小智 > 作者：Tania Rascia > 来源：flatlogic.com > 点赞再看，微信搜索\\【[大迁世界][Link 1]】,B站关注【[

阳光穿透心脏的1/2处/ 2022年10月28日 10:21/ 0 赞/ 173 阅读

相关浅谈JavaScript中的事件

事件在javascript中是响应用户的一种基本操作,本文列举了两种javascript中的事件模型及其绑定的方式,希望能对你的学习带来一点帮助.这些都是非常基础的但或许其中有

╰+哭是因爲堅強的太久メ/ 2022年08月23日 14:55/ 0 赞/ 234 阅读

相关 Javascript中的sort()语法浅谈

MDN中sort定义 MDN中是这样介绍`sort()`函数的：sort() 方法对数组的元素做原地的排序，并返回这个数组。 sort 可能不是稳定的。默认按照字符串的U

阳光穿透心脏的1/2处/ 2022年08月21日 11:56/ 0 赞/ 303 阅读

相关 JavaScript 函数参数设置默认值

php有个很方便的用法是在定义函数时可以直接给参数设默认值，如： function simue ($a=1,$b=2){ return $a+$b;

红太狼/ 2022年08月17日 14:27/ 0 赞/ 228 阅读

相关浅谈Javascript中默认参数值的设置

第一种： 1: function test(a,b){ 2: var a = arguments[0] ? arguments[0] : 1;//设置

叁歲伎倆/ 2022年08月12日 01:06/ 0 赞/ 182 阅读

相关浅谈React的props验证、默认值、传递

1、用 React.PropTypes.element可以指定某props属性必须是一个React元素。正确示范1： var MyBox = React.crea

喜欢ヅ旅行/ 2022年06月17日 12:30/ 0 赞/ 221 阅读

相关 JavaScript中设置默认值时需要注意的逻辑运算

1.var isCenter = option.isCenter == undefined ? true : option.isCenter; // 默认值是 tru

深藏阁楼爱情的钟/ 2022年06月17日 08:47/ 0 赞/ 214 阅读

相关浅谈javascript中的constructor属性。

我认为只有对象的\_\_proto\_\_属性才具有constructor属性。对象本身没有constructor属性,然后去它的\_\_proto\_\_属性中寻找con

冷不防/ 2022年06月04日 00:48/ 0 赞/ 241 阅读

相关 JS函数定义和设置默认参数默认值

函数定义格式： functionName(parameter1, parameter2, parameter3) { // 要执行的代码……

雨点打透心脏的1/2处/ 2022年05月26日 02:08/ 0 赞/ 286 阅读