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

Posted 这就是经典

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Javascript 箭头函数,大括号与return的省略问题相关的知识,希望对你有一定的参考价值。

参考官方文档:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Functions/Arrow_functions

其中说:

// 当箭头函数的函数体只有一个 `return` 语句时,可以省略 `return` 关键字和方法体的花括号
elements.map(element => element.length); // [8, 6, 7, 9]

以及:

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

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

var func = x => x * x;                  
// 简写函数 省略return

var func = (x, y) => { return x + y; }; 
//常规编写 明确的返回值

 

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

备忘。

 

以上是关于Javascript 箭头函数,大括号与return的省略问题的主要内容,如果未能解决你的问题,请参考以下文章

学习ES6箭头函数

箭头函数

JavaScript箭头函数

letconstvar模板字符串箭头函数

JavaScript 箭头函数:适用与不适用场景

3-箭头函数与普通函数