什么是Generator函数?如何使用yield表达式他是干嘛的?next()方法是做什么的?

24 篇文章 0 订阅
5 篇文章 0 订阅

什么是Generator函数?

一种异步编程解决方案,封装了多个内部状态

如何创建Generator函数

Generator函数的特点

  1. function与函数名之间有一个星号(*)
  2. 函数体内部使用yield语句定义不同的内部状态
//注意这个中间的星号*
function* name() {
  return 'yzqYYDS'
}
如何执行Generator函数呢?

函数名加(),返回一个遍历器对象,代表Generator函数的内部指针
在这里插入图片描述

为什么不会返回参数呢?Generator函数和普通函数的区别

Generator函数和普通函数的区别:调用Generator函数后,并不执行,返回一个指向内部状态的指针对象(即遍历器对象),接下来调用调用遍历器对象的next方法,使指针移向下一个状态,直到遇到下一条yield语句或者return语句
在这里插入图片描述
因为这里没有用到,yield只有一个return返回的就是,return的值。

什么是yield呢?什么是next()方法呢?

next( ) 是Generator 函数返回的遍历器对象,只有调用next方法才会遍历下一个内部状态,所以其实提供了一种可以暂停执行的函数。
yield是一个表达式,表示的意思就是暂停的意思,并且可以获取到next里的值。

注:只有调用了next方法的且内部指针指向该语句时才会执行yield语句后面的表达式,二者必须一块使用

遍历器对象next方法的运行逻辑:

  1. 遇到yield语句就暂停执行后面的操作,并将紧跟在yield后的表达式的值作为返回对象的value的值
  2. 下一调用next方法时在继续向下执行,直到遇到下一个yield语句
  3. 若没有遇到新的yield语句,则一直运行到函数结束,直到遇到return语句,并将return语句后表达式的值作为返回对象的value属性值
  4. 若函数没有return语句,则返回对象的value属性值为undefined

上实例:
在这里插入图片描述
为什么要这样写呢?

const fn = name()

在这里插入图片描述
如果不这样写的话,他记录的就不是同一个函数,相当于重新执行了一遍

在这里插入图片描述

如何给yield赋值?

next(参数)
在这里插入图片描述

为什么我执行了两遍,但是只会执行第一个呢?
因为next()函数表示上一个yield表达式的返回值,所以在第一次使用next方法时,传递参数是无效的。V8 引擎直接忽略第一次使用next方法时的参数,只有从第二次使用next方法开始,参数才是有效的。从语义上讲,第一个next方法用来启动遍历器对象,所以不用带有参数。
在这里插入图片描述
若没有遇到新的yield语句,则一直运行到函数结束,直到遇到return语句,并将return语句后表达式的值作为返回对象的value属性值(如果执行了return以后,返回的就是undefined)
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值