什么时候应该在 ES6 箭头函数中使用显式返回语句？

何时在 ES6 箭头函数中使用 Return 语句

ES6 箭头函数为编写函数提供了简洁的语法。然而，与传统函数不同，箭头函数隐式返回其表达式的结果。

何时使用 Return

虽然隐式返回很方便，但在某些特定情况下，需要显式返回语句：

1。多行函数

如果箭头函数跨越多行，则必须使用显式 return 语句。如果开发人员忘记添加 return 语句，这可以防止出现错误。

例如，以下箭头函数如果扩展到多行，将返回 undefined：

(name) => {
  // Do something
};

要避免此问题，应使用显式返回语句：

(name) => {
  // Do something
  return 'Hi ' + name;
};

2.块

当箭头函数包含块（用大括号分隔）时，块内需要显式返回语句。

例如，以下函数将返回 undefined，因为缺少显式返回语句：

(name) => {
  {
    return 'Hi ' + name;
  }
};

要解决此问题，可以使用显式返回语句添加：

(name) => {
  return {
    id: name
  };
};

异常

存在一个隐式返回在块内有效的异常：当块由括在括号中的单个表达式组成时。

例如，以下函数将返回一个对象：

(name) => ({
  id: name
});

示例

以下是一些说明性示例：

• 没有块：（名称）=>姓名;返回名称。
• 使用块和显式返回： (name) => { return '嗨' 名字;
• 使用块和隐式返回： (name) =>; } 返回 'Hi ' name。 ({ id: name }) 返回 { id: name }。
• 错误： (name) =>;由于缺少显式 return 语句，{ id: name } 返回未定义。

以上是什么时候应该在 ES6 箭头函数中使用显式返回语句？的详细内容。更多信息请关注PHP中文网其他相关文章！