Generator函数【JS】

最新推荐文章于 2025-01-17 19:26:45 发布

世界第一好人

最新推荐文章于 2025-01-17 19:26:45 发布

阅读量184

点赞数

分类专栏：仔细整整文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_42533666/article/details/129217016

版权

仔细整整专栏收录该内容

11 篇文章 0 订阅

订阅专栏

Generator函数允许函数暂停执行并交出控制权，通过yield表达式标记暂停点。在每次调用next方法时，函数会从上次暂停的地方继续执行，可以接收外部传入的值。这种特性使得Generator成为处理异步操作的理想工具，例如在上述示例中，通过next方法依次传递值给函数内部变量。

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

在Javascript中，一个函数一旦开始执行，就会运行到最后或遇到return时结束，运行期间不会有其它代码能够打断它，也不能从外部再传入值到函数体内

而Generator函数（生成器）的出现使得打破函数的完整运行成为了可能，其语法行为与传统函数完全不同

Generator 也是一种异步编程解决方案，它最大的特点就是可以交出函数的执行权，Generator 函数可以看出是异步任务的容器，需要暂停的地方，都用 yield 语法来标注。Generator 函数一般配合 yield 使用，Generator 函数最后返回的是迭代器。如果你对迭代器不太了解，可以自行补习一下这部分内容。

看看做的这个实验：

其他示例：

function* gen() {
    let a = yield 111;
    console.log(a);
    let b = yield 222;
    console.log(b);
    let c = yield 333;
    console.log(c);
    let d = yield 444;
    console.log(d);
}
// yield 表达式只能用在 Generator 函数里面，用在其它地方都会报错

let t = gen();
t.next(1); //第一次调用next函数时，传递的参数无效，故无打印结果
t.next(2); // a输出2;
t.next(3); // b输出3; 
t.next(4); // c输出4;
t.next(5); // d输出5;