ES6标准引入的新的数据类型generator（生成器）

最新推荐文章于 2024-01-01 08:00:00 发布

Silent Land

最新推荐文章于 2024-01-01 08:00:00 发布

阅读量241

点赞数 1

分类专栏： # ECMAScript 6 experience

本文链接：https://blog.csdn.net/weixin_44757417/article/details/109083084

版权

experience 同时被 2 个专栏收录

29 篇文章 0 订阅

订阅专栏

ECMAScript 6

13 篇文章 1 订阅

订阅专栏

本文介绍了如何利用JavaScript中的Generator函数实现函数的暂停和恢复执行。通过在函数中添加*符号并使用yield关键字，可以在执行流程中暂停，并通过next()方法恢复执行。示例展示了在按钮点击事件中调用Generator函数的过程。Generator的应用场景包括抽奖功能、游戏控制以及AI算法中的迭代处理等。

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

Generator

能让函数有暂停功能

使用

在函function后面加一个*
在需要暂停的地方加一个yield
next()恢复执行权

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <button onclick="btnClick()">点我执行</button>
    <script>
      function * getData () {
        window.console.log(1)
        yield 1
        window.console.log(2)
        yield 2
      }
      let gen = getData()
      function btnClick () {
        let res = gen.next()
        window.console.log(res)
      }
    </script>
  </body>
</html>