generator函数详解

前端面试 专栏收录该内容
10 篇文章 0 订阅

Generator 函数的定义

语法上,可以把理解成,Generator 函数是一个状态机,封装了多个内部状态。 形式上,Generator
函数是一个普通函数。它不同于普通函数,是可以暂停执行的,所以函数名之前要加星号,以示区别。
整个Generator函数就是一个封装的异步任务,或者说是异步任务的容器,异步操作需要暂停的地方,都用yield语句

什么是Generator函数

function 关键字和函数之间有一个星号(*),且内部使用yield表达式,定义不同的内部状态。
调用Generator函数后,该函数并不执行,返回的也不是函数运行结果,而是一个指向内部状态的指针对象。

generator的用途:

在JavaScript中,一个函数一旦被执行,就会执行到最后或者被return,运行期间不会被外部所影响打断,而generator的出现就打破了这种函数运行的完整性。

generator函数与普通函数的区别:

1.function关键字与函数名中间有一个*键
2.Generator函数使用了yield表达式
3. 直接调用 Generator函数并不会执行,也不会返回运行结果,而是返回一个遍历器对象(Iterator Object)
4.调用Generator函数时需用到next(),如果有多个yield状态,要依次调用next()
5.该生成器函数执行后会返回一个Iterator对象,对象内有yield的返回值,以及还有一个状态done的属性(该属性表示当前生成器内yield表达式全部执行完毕,执行完毕返回true)
{ done:true,//false迭代是否结束, value:v,//迭代器返回值 }

异步操作的同步化

Generator函数的暂停执行的效果,意味着可以把异步操作写在yield表达式里面,等到调用next方法时再往后执行。这实际上等同于不需要写回调函数了,因为异步操作的后续操作可以放在yield表达式下面,反正要等到调用next方法时再执行。所以,Generator
函数的一个重要实际意义就是用来处理异步操作,改写回调函数。 Ajax 是典型的异步操作,通过 Generator 函数部署
Ajax操作,可以用同步的方式表达。

  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值