es6新特性（五之generator）

最新推荐文章于 2024-10-17 17:58:22 发布

hiose89

最新推荐文章于 2024-10-17 17:58:22 发布

阅读量205

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/hiose89/article/details/88977790

前端专栏收录该内容

18 篇文章

订阅专栏

本文介绍了JavaScript中生成器（generator）的概念与使用方法，包括如何声明和调用生成器，yield与return的区别，以及与Promise结合使用时如何简化异步操作。随着async/await的出现，生成器的使用已逐渐减少。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

generator （生成器）一个可暂停的方法，配合关键词yield,return,next

一、generator的申明

申明方法时多加一个*，便可以得到一个generator对象，*可放在functtion和方法名之间，但不能紧贴着，一定要留空格

let g=function* Test()
{
    yield //当遇到yield会暂停
}

二、generator的调用

generator不能直接被调用，要使用next()方法调用

let g=function* Test()
{
   let a= yield  ;
   
   alert(a);
}
let res=g().next(123)//next里可以给yield传参,但第一次next是不会从yield身上拿到值的，
//因为在遇到yield就已经暂停，还没有进行赋值操作

三、yield 和return都会返回一个结果对象，其中包括一个value和done

yield 和return如果不主动给值，value默认是undefined,done为bool值，代办是否所有代码已经执行完毕

四、当Promise和Generator配合使用时，可以应用到一些消除异步操作的场景

如：当用Promise来处理，同时多个异步请求时，如果我们只需要拿数据，不需要其他逻辑时，可以用它来封装异步操作。

但是如果我们的需求是要根据拿到的不同的数据，再做不同的请求操作时，这时候就会非常麻烦，和以往的多层嵌套异步回调就没有多大的差别的，这时候就可以用Promise和Generator配合使用来简化代码操作。

五、但generator现在已经完成被async和await给取代了，因为不再需要外部的runner来辅助。