JavaScript中箭头函数的return规则-WEB开发编程网

有两种方法可以在箭头函数中返回值：

1.明确的回报

什么是显式报酬？

函数使用return关键字返回值，称为显式返回。

显式返还规则

您必须在块体内使用显式的return语句。

例

// Single-line
const explicit = (value) => { return value; }

// Multi-line
const explicit = (value) => {
  return value;
}

什么是隐性回报？

一个函数不使用return关键字就返回值，这称为隐式返回。

隐性回报规则

您必须在简洁的正文中使用隐式返回。

例

// Single-line
const implicit = (value) => value;

// Multi-line
const implicit = (value) => (
  value
);

问题返回对象

使用隐式返回时，对象文字必须用括号括起来，以免花括号被误认为是函数体的打开。

const implicit = () => { value: 1 };
implicit(); // undefined

const implicit = () => ({ value: 1 });
implicit(); // { value: 1 }

箭头函数只有一个参数时，可以省略括号。

// Arrow Functions, with parentheses
const myFunction = (p) => {}

// Arrow Functions, without parentheses
const myFunction = p => {}

在所有其他情况下（多个参数），必须将参数括在括号中。

// Arrow Function, with parentheses
const myFunction = (p1, p2) => {}

感谢您阅读❤