JS函数中的几种参数形式


本文摘自PHP中文网,作者逆旅行人,侵删。

2021033116471321511.jpg

函数是一段结合在一起执行特定任务的代码,函数一般使用参数与外部进行交互。要编写简洁高效的JS代码,必须掌握函数参数。
在本文中,会使用一些有趣的例子来解释 JS 必须有效地处理函数参数的所有特性。

1.函数参数

1

2

3

4

5

6

7

function sum(param1, param2)

{   

    console.log(param1); // 1

    console.log(param2); // undefinedreturn

    param1 + param2;

 }

 sum(1); // NaN

调用传入的参数个数应当与函数定义参数个数相同,当然传入参数比定义参数个数少的时候,也不会报错,缺少会使用 undefined 代替。

2. 默认参数

1

2

3

4

5

6

7

function sum(param1, param2 = 0)

{  

 console.log(param2); //  0

 return param1 + param2;

 }

 sum(1);            // 1

 sum(1, undefined); // 1

如果没有传入第二个参数,param2 就默认为 0 。
注意,如果将undefined设置为第二个参数sum(1, undefined), param2也将初始化为0。

3.解构参数

1

2

3

4

5

6

functiongreet({ name })

    return`Hello, ${name}!`;

}

const person = { name: '前端' };

greet(person); // 'Hello, 前端'

4. arguments 对象

阅读剩余部分

相关阅读 >>

js怎么添加css样式

js json字符串如何转json对象

javascript中你所不知道的sort方法

js如何实现日期比较大小

js 实现全选和全不选代码示例

js如何对乱序数组进行排序

利用js+html5实现图片上传预览效果(实例)

js底层是什么语言

js为什么那么难

js不让电脑端浏览器缩放网页

更多相关阅读请进入《js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...