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

叁歲伎倆 2022-08-12 01:06 177阅读 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 条评论，177人围观）

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

相关阅读

相关浅谈Java中的构造函数和默认参数

在Java编程中，构造函数和默认参数是两个重要的概念。 1. 构造函数： - 构造函数是每个类的一部分，它们在创建新对象时自动调用。 - 构造函数的主要目的是初始

你的名字/ 2024年09月11日 04:21/ 0 赞/ 63 阅读

相关 vue中的$emit参数浅谈

正常使用 vue中的$emit常用与子组件与父组件通信，网上很多博客均已讨论该问题，在此就不多做记录了，直接复制一段过来： > 1、父组件可以使用 props 把数据传

我会带着你远行/ 2023年10月11日 11:41/ 0 赞/ 31 阅读

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

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

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

相关浅谈JavaScript中的事件

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

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

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

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

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

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

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

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

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

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

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

相关浅谈javascript中的constructor属性。

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

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

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

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

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