JS ES6中（）=>和_=>和（_）=>之间的区别[重复]

Question

我注意到当我想写一个胖箭头函数“=>”时，我可以做_=>, ()=> 或(_)=> 和我的代码功能相同（至少对于我的用例而言）

它们之间有实际区别吗？如果有，我应该使用哪一个？我大部分时间都在使用()=>，但后来有一天我看到有人使用_=> 的代码，我觉得它看起来很酷，所以我也开始使用它。

我看到这篇中型文章https://medium.freecodecamp.org/when-and-why-you-should-use-es6-arrow-functions-and-when-you-shouldnt-3d851d7f0b26，作者声明您可以使用_=> 或()=>，但没有说明是否有区别。

Answer 1

粗箭头函数的一般形式是

(parameter-list) => function-body

如果没有任何参数，则使用一对空括号：

() => {}

如果你只有一个参数，那就是：

(x) => {}

由于_ 是 JavaScript 中的有效标识符，您可以这样做：

(_) => {}

现在，一个特殊的规则适用：如果你只有 一个 参数，你可以跳过括号，所以你得到：

_ => {}

请注意，这仅在您有一个参数时才有效，即对于两个您始终必须指定括号：

(x, y) => {}

现在，在右侧，如果您的整个函数仅包含一个带有return 的语句，例如

x => { return x; }

你可以省略花括号和return:

x => x

至少，如果在右侧你不尝试返回一个看起来像这样的对象，这是正确的（这段代码不起作用！）：

x => { value: x }

这不起作用的原因是JavaScript无法将它与函数体区分开来，函数体也使用花括号，所以现在你必须将它包裹在括号中：

x => ({ value: x })

我认为关于胖箭头函数的语法你需要知道的几乎所有内容。

Answer 2

你不应该仅仅因为它看起来很酷就使用它。

_ 通常用于告诉 linter（或读者）您没有故意使用某个参数。

所以如果你有一个带有两个参数的回调并且你只使用第二个参数，你会写(_, arg) => console.log(arg)，因为如果你写(foo, arg) => console.log(arg)，那么linter会抱怨foo没有被使用。

根据回调的参数数量，某些 API 可能具有不同的行为（expressjs 的中间件就是一个例子），因此如果 API 检查回调的 length 属性，那么您可能需要使用像_ 这样的占位符。

var cb1 = _ => {};
var cb2 = () => {};

console.log(cb1.length)
console.log(cb2.length)

Answer 3

箭头函数可以接受任意数量的参数，就像“常规”函数一样。当没有参数时，这由() => {} 表示，类似于function() {}。但是，如果您有 正好一个 参数，则可以省略括号。这会导致像 _ => {} 这样的语法，就像你已经注意到的那样——这与 (_) => {} 相同，因为下划线是一个有效的标识符（就像 foo 一样）。

您的特定情况下的运行时差异似乎没有，因为您（可能）没有传递任何参数，在这种情况下_ 是未定义的。您可以轻松验证这一点：

const foo = _ => console.log(_);
foo(5); // logs 5
foo(); // logs undefined

这并不是说您应该这样做，只是暂时没有任何影响。如果您稍后添加参数，可能会造成严重破坏。