分享

3、JS中的箭头函数

 yuxinrong 2023-03-05 发布于安徽
昨天分享了JS中的匿名函数,今天分享下JS中的箭头函数

箭头函数表达式比匿名函数表达式更加的简洁。

表方式有两种格式:
(参数1, 参数2, …, 参数N) => (单一表达式)
(参数1, 参数2, …, 参数N) => { 函数声明 }

比如:

图片

上图中红线部分就是一个箭头函数表达式,此表达式中箭头后面的括号也可以省略,如下:

图片

上图中箭头后面的表达式是单一表达式的情况,如果箭头后面的表达式中语句比较多则需要放到花括号中,比如:

图片

当箭头函数中参数只有一个时,参数外面的小括号也是可以省略的,比如:

图片

此种情况下其实都不需要将函数赋值给变量,比如:
    
图片

后面小括号中的7相当于直接调用前面的箭头函数并传入参数x的值7。

没有参数的函数应该写成一对圆括号(注意:小括号不能省略),语法:() => {函数声明},比如:

图片

本节先分享到这里,祝大家每天都有进步。

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多