我可以在生成器中使用 ES6 的箭头函数语法吗？ （箭头符号）

Question

也就是说，我该如何表达

function *(next) {}

使用箭头语法？我已经尝试了所有我能想到的组合，但我找不到任何关于它的文档。

（我目前使用的是 Node.js v0.11.14。）

Answer 1

现在你不能，但将来你可能会因为 TC39 在 2019 年 10 月发布 proposal 相同，这是在第 1 阶段。

Answer 2

除了上面提到的关于esdiscuss.org 和the Ecma TC39 committee ES6 meeting notes from November 2013 的讨论之外，在 2016 年 9 月的两次 ES7 会议[1][2] 中重新讨论了生成器箭头。在讨论了各种语法（主要是 =*> 和 =>*）的优缺点以及缺乏该功能的理由和用例之后，他们得出的结论是：

• 委员会有一些兴趣，但担心该功能不会因为添加新语法而发挥作用
• 计划在第 3 天重新访问，看看我们是否可以让 =>* 至少进入第 0 阶段，作为 [Domenic Denicola] 异步迭代提案的一部分

生成器箭头的提案已移至 Stage 1，由 Brendan Eich 和 Domenic Denicola 担任冠军。上面提到的Asynchronous iteration是2018年的finished and implemented。

2019 年 10 月，an official repo by Sergey Rubanov 出现，对语法和其他细节进行了更多讨论。

Answer 3

我也有同样的问题，来到这里。看了帖子和cmets，感觉在箭头函数中使用generator好像有点模糊：

const generator = () => 2*3; // * implies multiplication
// so, this would be a confusing
const generator = () =>* something; // err, multiplying?
const generator = () =*> ... // err, ^^
const generator = ()*=> ... // err, *=3, still multiplying?
const generator=*()=> ... // err, ^^
const generator = *param => ... //err, "param" is not fixed word

这可能是他们没有实现与箭头函数相关的生成器的主要原因。

---

但是，如果我是他们中的一员，我可能会这样想：

const generator = gen param => ... // hmm, gen indicates a generator
const generator = gen () => ... // ^^

这感觉就像我们有异步函数：

const asyncFunction = async () => ... // pretty cool

因为在普通函数中存在 async 关键字，所以箭头函数正在使用它 - async () => 可能看起来像 async function()。

但是，没有像gen 或generator 这样的关键字，可惜箭头函数没有使用它。

总结：

即使他们希望在箭头函数中实现生成器，我认为他们需要重新考虑核心js中的生成器语法：

generator function myfunc() {}
// rather than
function* myfunc() {} // or, function *myfunc() {}

这将是一个大错误。因此，将箭头函数从生成器中排除出来是非常酷的。

---

关注@Bergi comment：

没有。箭头函数应该是轻量级的（例如没有 .prototype）并且通常是单行的，而生成器则恰恰相反。

我会说生成器的使用目的是 run-stop-run，所以我认为我们不需要关心原型、词法 this 等。

Answer 4

redux-saga 有一个很好的解决方法

import { call, all } from 'redux-saga/effects';

function* gen() {
   yield all([].map(() => {
      return call(....);
   }));
}

Answer 5

我知道这已经很晚了，但另一个可能的原因可能是语法。也许(*() => {}) 有效，但是(9 ** () => {}) 呢？是箭头函数的 9 次方，返回 NaN，还是生成器箭头函数的 9 倍，也返回 NaN？它可以用一些替代语法来完成，比如=>*，正如另一个答案在这里提到的那样，但也许希望在生成器函数语法（例如function* () {} 和{ *genMethod() {} }）被保存时保持一致性实施的。不是太多的借口，而是一个理由。

Answer 6

我可以在生成器中使用 ES6 的箭头函数语法吗？

你不能。对不起。

根据MDN

function* 语句（function 关键字后跟一个星号）定义了一个生成器函数。

来自spec document（我的重点）：

function 语法被扩展为添加一个可选的* 标记：

FunctionDeclaration: "function" "*"? Identifier "(" FormalParameterList? ")" 
  "{" FunctionBody "}"

Answer 7

内联函数和箭头函数的区别

首先Arrow-functions() => {} 不是用来替换内联函数function(){}，它们是不同的。 内联函数只是函数，所以问题是箭头函数和内联函数有什么区别。

与函数表达式相比，箭头函数表达式（也称为箭头函数）的语法更短，并且不绑定自己的 this、arguments、super 或 new.target）。箭头函数始终是匿名的。

一些更快速的细节here

---

为什么箭头函数不能用作生成器

https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Functions/Arrow_functions

yield 关键字的使用

yield 关键字不能用在箭头函数的主体中（除非允许在进一步嵌套的函数中使用）。因此，箭头函数不能用作生成器。

请注意，没有yield 的generators 没有意义。

---

为什么箭头函数不能使用yield

http://tc39wiki.calculist.org/es6/arrow-functions/

箭头函数在词法上绑定 this，在 Block 主体情况下绑定 return，以便它从立即封闭的箭头函数返回，并排除 break 和 continue 引用外部语句立即封闭的箭头函数。

标识符主表达式 arguments 不能用于箭头函数的主体（无论是表达式还是块形式）。

同样，yield 不能用在箭头函数的主体中。箭头不能是生成器，我们不希望深度延续。

Arrow-Function 中的 Yield 将引发语义错误：http://www.ecma-international.org/

归根结底，原因在于 ECMA6 实现的深度复杂性。对于有些相似的reasons，C# 也不允许这样做。