ES6 生成器功能

最新推荐文章于 2024-02-23 00:36:24 发布

Weiszman

最新推荐文章于 2024-02-23 00:36:24 发布

阅读量188

点赞数 1

分类专栏： ES6 文章标签： es6

本文链接：https://blog.csdn.net/qq_38421628/article/details/119151758

版权

ES6的生成器允许调用者控制函数执行流程。生成器不立即运行，而是返回一个迭代器，通过调用next方法运行。使用yield关键字实现函数与调用者的双向通信。在示例中，生成器暂停并交互式地获取输入，如名字和喜欢的运动，最后返回结果。

摘要由CSDN通过智能技术生成

生成器功能

当一个正常的函数被调用时，控件将停留在被调用的函数中，直到它返回。使用ES6中的生成器，调用者函数现在可以控制被调用函数的执行。发电机就像一个普通的功能，除了：

1.该功能可以在任何时候让控制权回到主叫方。

2.当你调用生成器时，它不会立即运行。相反，你得到一个迭代器。该函数在您调用迭代器的下一个方法时运行。

生成器通过后缀函数关键字用星号表示;否则，它们的语法与常规函数相同。

以下示例说明了相同的情况。

"use strict"
function* rainbow() {
   
   // the asterisk marks this as a generator
   yield 'red';
   yield 'orange';
   yield 'yellow';
   yield 'green';
   yield 'blue'

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Weiszman

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

ES6新特性之生成器函数 (generator function): function*

ddez46767的博客

08-16

375

一、什么是生成器函数？ 生成器函数是ES6的新特性之一，它是一个在执行时能中途暂时退出，后面重新调用又能重新进入继续执行的一种函数。并且在函数内定义的变量的所有状态不受中途退出的影响。二、语法声明方式： function* 函数名([参数1[, 参数2[, ... 参数n]]]) { JS语句 } 调用说明： 1）调用生成器对象时会返回一个生成器的迭代...

ES6最具魔力的特性——生成器

weixin_30306905的博客

10-10

183

ES6生成器（Generators）简介我们从一个示例开始： function* quips(name) { yield "你好 " + name + "!"; yield "希望你能喜欢这篇介绍ES6的译文"; if (name.startsWith("X")) { yield "你的名字 " + name + " 首字母是X，这很酷！"; } yield "我们下次再见...

参与评论您还未登录，请先登录后发表或查看评论

为什么使用ES6生成器

马优晨

06-27

217

官方解释： 1、异步编程，文件操作，网络操作(ajax, request) 数据库操作使用生成器操作更加方便； 2、有效的解决回调地狱的问题；举例：请在控制台 1s 后控制台输出 111 ，2s后输出 222 ，3s后输出 333。（1）使用传统的的回调写法 setTimeout(() => { console.log(111); setTimeout(() => { ..

ES6生成器 详解

weixin_45846980的博客

03-27

172

1.什么是生成器 生成器就是通过构造函数Generator创建出来的对象，生成器即是一个迭代器，同时又是一个可迭代的对象创建生成器 只需要把函数变成Generator函数 ```javascript function* test(){ } const generator = test(); //next symbol console.log(generator) // 迭代器 #...

ES6生成器

张媛的博客

05-25

487

生成器是ES6中新增的一种函数控制、使用的方案，它可以让我们更加灵活的控制函数什么时候继续执行、暂停执行等。平时我们会编写很多的函数，这些函数终止的条件通常是返回值或者发生了异常。 生成器函数也是一个函数，但是和普通的函数有一些区别：首先，生成器函数需要在function的后面加一个符号：* 其次，生成器函数可以通过yield关键字来控制函数的执行流程：最后，生成器函数的返回值是一个Generator（生成器）： 生成器事实上是一种特殊的迭代器； MDN：Instead, they return a

js代码-用ES5模拟实现ES6生成器函数

07-15

在JavaScript的世界里，ES6...总的来说，生成器是JavaScript异步编程的重要工具，通过使用闭包和`arguments`对象，我们可以实现ES5环境下的类似功能，虽然不如原生ES6生成器简洁，但依然能有效地处理复杂逻辑和控制流。

es6-generator-dialog:游戏对话系统中使用的 ES6 生成器示例

06-11

ES6生成器（Generator）是JavaScript语言的一项特性，它在ES6中引入，极大地扩展了迭代器的功能。生成器函数允许我们创建可暂停执行的函数，这种能力在处理异步操作、流数据或者复杂的逻辑控制流程时非常有用。在...

plexus-csp:一个基于ES6生成器的Go启发式Javascript异步库

05-10

它在某些方面类似于co之类的库，它们通过使用ES6生成器将异步，非阻塞调用集成到更传统的控制流中，但是更加强调可组合性和无缝并发。第二部分是关于渠道的。安装作为节点软件包安装： npm install plexus

es6 生成器函数

BookNoteY的博客

07-17

286

function * testA(){ yield function (){ alert(1); } yield function (){ alert(2); } } const a = testA(); a.next().value();//调用第一个函数 a.next().value();//调用第二个函数记录一下...

生成器 和迭代器

qq_31488663的博客

09-23

108

// 体验一下迭代器手动实现 function makeIterator(array) { var nextIndex = 0; return { next: function() { if(nextIndex < array.length) { return { value: array[nextIndex++], done: false } } else {

ES6 Generator的作用及代码实现

weixin_46816740的博客

09-07

321

用处： 1.状态机(有限状态交替变化)有限状态自动机，每运行一次改变一次状态 Generator 函数实现的状态机：状态维护在generator函数内部，外部无法修改 function* generator_clock(){ while(true){ console.log("开") yield; console.log("关") yield; } } var gclock=generator_clock(); gclock.next(); gc

es6中生成器函数的用法

Smile_666666的博客

08-01

262

一、说明：迭代器特点：一旦执行，不能停止与普通函数相比，前面多加个*号异步编程二、用法、 function * xunhuan() { for (let i = 0; i < 5; i++) { yield console.log(i) } } const xh = xunhuan() xh .next()//0 xh .next()//1 xh .next()//2 xh .next()//3 xh .next()//4 xh .next()//undefined

ES6 中的生成器函数介绍

chugangji3893的博客

06-20

246

今天介绍的是 ES6 中的生成器函数（generator function），目前浏览器中只有 Chrome 29+ 支持它，不过还是先要在 about:flags 中「启用实验性JavaScript（Enable Experimental JavaScript ）」。需要注意的是，Fire...

es6 function* 函数生成器

tangkebo的博客

01-17

259

主要介绍function* 函数生成器的作用及其使用直接复制粘贴代码即可使用： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <script

ES6-生成器（generator）

Aproducer的博客

09-02

878

generator(生成器)是ES6引入的新类型。定义方式如下(function *) function* gen(){ for(let i=0;i<3;i++){ yield i; } } yield作用类似于return，但是函数运行到yield时并不会像遇到return时一样结束执行，因此可以利用这一点多次返回值直接运行gen()返回的是一个生成器...

ES6新特性之生成器及其应用

m0_47354578的博客

08-03

149

生成器 生成器函数时ES6提供的一种异步编程解决方案，语法行为与传统函数完全不同 function *gen() { yield '一只没有眼睛' yield '一只没有嘴巴' yield '真奇怪' } let iterator = gen() console.log(iterator.next()) // {value: "一只没有眼睛", done: false} console.log(iterator.next()) // {value: "一只没有嘴巴", done:

ES6学习——生成器（Generators）：概念介绍

Challenge Next Challenge

01-25

2274

应该说生成器是ES6中最大的特色，但这个概念在其他语言中早就有实现的了，譬如C#，python。简单解释生成器就是一种能中断和恢复自己的函数，具体的解释可以参考【探秘ES6】系列专栏（三）：生成器，这篇文章解释的比较详细，下面有些内容我就直接使用这篇文章的了。 生成器的两点特征： 生成器函数以function*开头；在生成器函数中，yield是一个关键字，如同return。yield可

es6 中的生成器 generator / 迭代器 / async /await 到底是个啥，使用场景