js yield 暂停代码

yield 是 JavaScript 中的一个关键字，主要用于生成器函数（generator function）中。生成器函数是一种特殊类型的函数，可以在执行过程中暂停和恢复。

基础概念

当一个函数被声明为生成器函数时，它可以在执行过程中通过 yield 关键字来暂停执行，并且可以返回一个值给调用者。下次调用生成器的 next() 方法时，函数会从上次暂停的地方继续执行。

优势

惰性计算：生成器可以实现惰性计算，只在需要时才计算下一个值，这可以提高性能，尤其是在处理大量数据或无限序列时。
简化异步编程：生成器可以与 Promise 结合使用，简化异步编程的复杂性，使得异步代码看起来更像同步代码。
更好的控制流：生成器允许函数在执行过程中暂停和恢复，提供了更细粒度的控制流。

类型

生成器函数有两种类型：

生成器函数声明：使用 function* 关键字声明。
生成器函数表达式：使用 function* 关键字和圆括号创建的表达式。

应用场景

处理大数据集：当需要处理的数据量非常大时，可以使用生成器来分批处理数据，避免一次性加载所有数据到内存中。
实现协程：生成器可以用来实现协程，协程是一种比线程更轻量级的并发执行单元。
异步编程：结合 Promise 和 async/await，生成器可以用来简化异步代码。

示例代码

下面是一个简单的生成器函数示例，展示了如何使用 yield 暂停代码执行：

function* simpleGenerator() {
    console.log('开始执行');
    let value1 = yield '第一个值';
    console.log(`接收到值：${value1}`);
    let value2 = yield '第二个值';
    console.log(`接收到值：${value2}`);
    return '完成执行';
}

// 创建生成器实例
const gen = simpleGenerator();

// 第一次调用 next()，开始执行，直到遇到第一个 yield
console.log(gen.next()); // { value: '第一个值', done: false }

// 第二次调用 next()，从上次暂停的地方继续执行，直到遇到第二个 yield
console.log(gen.next('传递给第一个 yield 的值')); // { value: '第二个值', done: false }

// 第三次调用 next()，从上次暂停的地方继续执行，直到函数结束
console.log(gen.next('传递给第二个 yield 的值')); // { value: '完成执行', done: true }