我可以在生成器中使用ES6的arrow函数语法吗?(箭头符号)

2020/10/10 09:01 · javascript ·  · 0评论

即我如何表达这一点:

function *(next) {}

与箭头。我已经尝试了所有我能想到的组合,但找不到任何文档。

(当前使用节点v0.11.14)

我可以在生成器中使用ES6的arrow函数语法吗?

你不能 抱歉。

根据MDN

function*声明(function关键字后跟一个星号)定义的发电机的功能。

规格文件中(我的重点):

函数的语法扩展到添加一个可选的*令牌:

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

内联功能和箭头功能之间的区别

首先,箭头功能 () => {}不能替代内联功能function(){},它们是不同的。内联函数只是函数,因此问题是箭头函数和内联函数之间的区别是什么。

相比函数表达式的箭头函数表达式(也称为箭头功能)具有较短的语法,并且不结合其自身的thisargumentssuper,或new.target)。箭头函数始终是匿名的。

一些更快速的细节在这里


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

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

使用yield关键字

产率的关键字可能无法在箭头函数体中使用(除了当进一步嵌套在功能在允许范围内)。因此,箭头函数不能用作生成器。

请注意,没有生成器没有yield意义。


为什么箭头功能不能使用yield

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

箭头函数按this词法进行绑定,return在“体”情况下进行绑定以便它从紧随其后的箭头函数返回,并阻止breakcontinue引用紧靠在此箭头函数外部的语句。

标识符初级表达arguments可能无法在箭头函数体被使用(是否表达或块形式)。

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

箭头函数的产量会引发语义错误:http : //www.ecma-international.org/

最后,原因在于ECMA6的实施非常复杂。由于某些类似的原因, C#也不允许这样做

除了上述关于esdiscuss.org的讨论以及Ecma TC39委员会ES6会议笔记(从2013年11月起)之外,发电机箭头也在2016年9月的两次ES7会议中重新讨论过[1] [2]在讨论了各种语法(主要是=*>=>*)的利弊以及缺乏针对该功能的理由和用例之后,他们得出以下结论:

  • 委员会有一些兴趣,但担心该功能不会增加添加新语法的作用
  • 计划=>*在[Domenic Denicola]异步迭代提案的一部分,在第3天重新进行考察,看看是否至少可以进入阶段0

关于发电机箭头的提议已移至第一阶段,由Brendan Eich和Domenic Denicola担任冠军。上述异步迭代已于2018年完成并实现

在2019年10月,谢尔盖·鲁巴诺夫(Sergey Rubanov)的官方仓库出现了,有关语法和其他细节的更多讨论。

我也有同样的问题,来到这里。阅读帖子和评论后,我觉得在箭头函数中使用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而且箭头功能未使用它。

结论:

即使他们希望在arrow函数中实现生成器,我认为他们也需要重新考虑核心js中的生成器语法:

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

这将是一个大错误。因此,将箭头功能保持在生成器之外非常酷。


以下@Bergi评论

否。箭头函数应该是轻量级的(例如,没有.prototype),并且通常是单行的,而生成器则相反。

我会说生成器的使用目的是“运行-停止-运行”,因此我认为我们不需要关心原型,词法等。

我知道这已经很晚了,但是另一个可能的原因可能是语法。也许(*() => {})可行,但是那又如何(9 ** () => {})呢?这是9的箭头功能的幂返回NaN还是9倍的生成器箭头功能的返回NaN可以使用某些替代语法来完成此操作,如此处=>*的另一个答案所提到的那样,但是可能希望在实现时保持生成器函数语法(例如function* () {}{ *genMethod() {} }的一致性不是太多的借口,而是这样做的原因。

现在您还不能,但是将来可能是因为TC39在第一阶段的2019年10月发布了该提案

redux-saga有一个不错的解决方法

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

function* gen() {
   yield all([].map(() => {
      return call(....);
   }));
}
本文地址:http://javascript.askforanswer.com/wokeyizaishengchengqizhongshiyonges6dearrowhanshuyufamajiantoufuhao.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!