JS中箭头函数,return与大括号省略的问题

本文详细介绍了JavaScript中的箭头函数,特别是其简写规则。当箭头函数体仅包含一个`return`语句时,可以省略`return`关键字及花括号,如`elements.map(element => element.length)`。然而,如果使用了大括号,即使里面只有一条表达式,也需要显式写`return`。这个特性简化了代码,但也需要注意其与常规函数在作用域和`this`值上的区别。

参考官方文档:箭头函数 - JavaScript | MDN

其中说:

1

2

// 当箭头函数的函数体只有一个 `return` 语句时,可以省略 `return` 关键字和方法体的花括号

elements.map(element => element.length); // [8, 6, 7, 9]

以及:

箭头函数可以有一个“简写体”或常见的“块体”。

在一个简写体中,只需要一个表达式,并附加一个隐式的返回值。在块体中,必须使用明确的return语句。

1

2

3

4

5

var func = x => x * x;                 

// 简写函数 省略return

var func = (x, y) => { return x + y; };

//常规编写 明确的返回值

总结一下,如果箭头函数中只有一句return,那么可以同时省略大括号与return;但如果使用了大括号,即使只有一句表达式,也必须有return。

备忘。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值