es6的生成器函数
迪丽瓦拉
2025-05-28 09:59:16
0
  1. 生成器函数也是一种异步编程的解决方案,与普通函数不同的是函数名前有*,通过yield将函数体分成多个区域,且是通过.next()调用的

    function *show() {console.log('第一个代码块');yield '1';console.log('第二个代码块');yield '2';console.log('第三个代码块');yield '3';console.log('第四个代码块');
    }
    const iterator = show();
    iterator.next(); // 执行第一个代码块
    iterator.next(); // 执行第二个代码块
    iterator.next(); // 执行第三个代码块
    iterator.next(); // 执行第四个代码块
    
  2. 适用场景:等到某段代码执行完之后才执行另一段代码的时候

  3. next方法可传递参数(next参数将作为上一个yield的返回结果)

    function *show() {console.log('第一个代码块');const result1 = yield '1';console.log(result1);console.log('第二个代码块');const result2 = yield '2';console.log(result2);console.log('第三个代码块');const result3 = yield '3';console.log(result3);console.log('第四个代码块');
    }
    const iterator = show();
    iterator.next(); // 执行第一个代码块
    iterator.next('参数1'); // 执行第二个代码块
    iterator.next('参数2'); // 执行第三个代码块
    iterator.next('参数3'); // 执行第四个代码块
    
  4. 案例:1s后输出hello,2s后输出world,3s后输出aaa

    function hello() {setTimeout(() => {console.log('hello');iterator.next();}, 1000);
    }
    function world() {setTimeout(() => {console.log('world');iterator.next();}, 2000);
    }
    function aaa() {setTimeout(() => {console.log('aaa');iterator.next();}, 3000);
    }
    function *show() {yield hello();yield world();yield aaa();
    }
    const iterator = show();
    iterator.next();
    

相关内容

热门资讯

linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
C++ 机房预约系统(六):学... 8、 学生模块 8.1 学生子菜单、登录和注销 实现步骤: 在Student.cpp的...
A.机器学习入门算法(三):基... 机器学习算法(三):K近邻(k-nearest neigh...
数字温湿度传感器DHT11模块... 模块实例https://blog.csdn.net/qq_38393591/article/deta...
有限元三角形单元的等效节点力 文章目录前言一、重新复习一下有限元三角形单元的理论1、三角形单元的形函数(Nÿ...
Redis 所有支持的数据结构... Redis 是一种开源的基于键值对存储的 NoSQL 数据库,支持多种数据结构。以下是...
win下pytorch安装—c... 安装目录一、cuda安装1.1、cuda版本选择1.2、下载安装二、cudnn安装三、pytorch...
MySQL基础-多表查询 文章目录MySQL基础-多表查询一、案例及引入1、基础概念2、笛卡尔积的理解二、多表查询的分类1、等...
keil调试专题篇 调试的前提是需要连接调试器比如STLINK。 然后点击菜单或者快捷图标均可进入调试模式。 如果前面...
MATLAB | 全网最详细网... 一篇超超超长,超超超全面网络图绘制教程,本篇基本能讲清楚所有绘制要点&#...