箭头的功能与（）后的意思是什么？[重复]

Question

const actionsMap = {
  [GET_USER]: (state, action) => ({ post: action.msg })
};

我偶然发现了这个代码。我一直在使用{}格式的箭头函数，这个（）包装器是什么意思？

Answer 1

从https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions#Returning_object_literals

返回对象文字

请记住，使用简明语法参数返回对象文字=

var func = () =

这是因为大括号（{}）中的代码被解析为一系列语句（即foo被视为标签，而不是对象文本中的键）。

请记住将对象文字包装在括号中：

var func = () =

所以如果要返回对象文字，请将其包装为（）

Answer 2

这是ES6箭头函数。更多阅读：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions

ES6

（状态、动作）=

ES5

function(state, action) {
   return { post: action.msg };
}

Answer 3

对于箭头函数，可以使用单个语句或块作为函数体。这两个是等同的：

() => foo
() => {
  return foo;
}

在您的示例中，如果lambda被定义为（）=

function () {
  post: action.msg
}

这是一个命名标签和属性访问，在这里没有多大意义。通过在圆括号中包装，您向解析器暗示它是一个要计算的表达式，并且单表达式主体上的胖箭头函数规则开始生效，使其等同于：

function () {
  return {post: action.msg};
}

要在需要执行两个相关操作（在map/reduce算法中偶尔有用）时绕过单个表达式规则，可以使用parens对一对表达式进行分组：

foo.reduce((p, c) => (c.counted = true, p += c.value));

这将设置c的属性，然后将c.value添加到p并将p=c.value的结果返回为newp的值。

括号在ECMAScript中包装表达式，并可使用逗号运算符对多个表达式进行分组。计算组时返回最后一个表达式的结果。

例如：

var i = 0, j = 0;
console.log((j += 10, i += 2), j);

将打印2 10，因为j在（）组中递增，以后再打印。