在Generator函数出现之前JS的函数只能返回一个值，返回的方式就是return，但是Generator函数可以返回多个值，返回的方式是yield。并且Generator赋予了外部动态影响函数内部的执行顺序的能力。

基础语法

function* f () {const a = yield 1console.log(a)const b = yield 2console.log(b)
}var ff = f()ff.next() // {done: false, value: 1}
ff.next(10) // {done: false, value: 2}
ff.next(20) // {done: true, value: undefined}

上面函数执行的时候，并没有开始执行函数体内的内容。当执行ff的next方法的时候开始执行函数体内容，直到yield为止。当遇到yield 则将yield后面的表达式计算出的结果返回到Generator函数外。执行next方法则再次从中断的地方（上次执行yield跳出函数的地方）进入到Generator函数内部执行，而next的参数就被当做yield表达式的计算结果。

有感

通过上面的描述可以看出是yield和next方法做的事情就是转让执行权，当执行遇到yield的时候会将结果返回到函数外，也就是将执行权交到了函数外面，那么什么时候再回来执行Generator内部代码就要看外部什么时候调用next方法。

一个简单让Generator函数自执行函数

function singleCo (ge) {var ff = ge()function next (val) {var res = ff.next(val) // 将执行权交到Generator内部if (res.done) {console.log('Generator函数执行完毕')} else {console.log(res.value)res.value(next) // 将改变执行权的权利交给了，yield出来的chunk函数()}}next()
}

上面的函数需要Generator内yield表达式返回的是一个特殊的函数，这个函数会接收一个函数做回调。

function* ge () {var a = yield function (cb) {cb(1)}console.log(a)var b = yield function (cb) {cb(2)}console.log(b)
}

开始执行

singleCo(ge) // 会自执行打印出 1 2

参考

Generator 函数的语法

Generator执行步骤浅析相关推荐

【计算机系统结构】~ MCU、AXI、IIC、SPI、GPIO、JTAG 接口、指令执行步骤、晶体与晶振的区别
本章目录: 1. MCU 2. AXI 3. IIC 4. SPI 4.1 IIC.SPI.UART.CAN.RS485.USB.PCI速率比较 4.1.1 I2C 4.1.2 SPI 4.1.3 C ...
mysql数据库SELECT语句执行步骤
2019独角兽企业重金招聘Python工程师标准>>> (1) FROM <left_table> (3) <join_type> JOIN <righ ...
jdk类加载器执行步骤_[JDK 11] jcmd中的类加载器层次结构详细信息
jdk类加载器执行步骤自从在JavaOne 2012上听说 jcmd以来,我就一直是命令行诊断工具jcmd的粉丝 . 从那时起,我已经广泛使用了此工具,并多次在此博客中发布过此工具: jcmd:一 ...
android自定义的生命周期,android 自定义控件之ViewGroup生命周期执行步骤(示例代码)...
前言了解ViewGroup的生命周期的执行步骤对于自己自定义ViewGroup的时候十分重要,清楚了整个流程才能对ViewGroup有更深的理解.本文从个人的总结,来阐述一下执行的顺序. 执行说明 ...
stylegan-encoder代码执行步骤和解释
目录 (一)从图片中抽取并对齐人脸: (二)找到对齐人脸图片的latent表达: (三)从对齐的人脸头像提取特征码并生成StyleGAN头像: (四)用别人的特征码修饰你的照片特征码,并生成混合后的S ...
sql语句执行步骤详解
一.准备工作先来一段伪代码,首先你能看懂么? SELECT DISTINCT <select_list>FROM <left_table><join_type> ...
DataQL之语法-万能查询执行步骤
万能查询执行步骤引用包 <dependency><groupId>net.hasor</groupId><artifactId>hasor-dataq ...
Flutter进阶篇（4）-- Flutter的Future异步详解一、认识Future二、创建多个Future的执行步骤三、then函数嵌套使用的执行步骤四、综合示例五、我们来看看Future的源码
https://cloud.tencent.com/developer/article/1375846 本文首发在公众号Flutter那些事,欢迎大家多多关注. 说明:本文中的所有函数的引用在main ...
make的执行步骤以及常见的make命令,make distclean 以及和make clean的区别
目录标题前言命令概述 make的执行步骤 make distclean 以及和make clean的区别前言代码变成可执行文件,叫做编译(compile):先编译这个,还是先编译那个(即编译的 ...

Generator执行步骤浅析

基础语法

有感

一个简单让Generator函数自执行函数

参考

Generator执行步骤浅析相关推荐

最新文章

热门文章