JavaScript 生成器发送与下一个

JavaScript 生成器发送与下一个是一种用于生成连续值序列的功能强大的 JavaScript 语言的内置工具。它类似于迭代器，并且允许您以一种很简单的方式生成序列中的每个值。在本篇文章中，我们将深入探讨 JavaScript 生成器发送与下一个的用法与概念。

什么是 JavaScript 生成器发送与下一个？

JavaScript 生成器发送与下一个是一种特殊的函数，它允许您以一种很容易生成连续值序列的方式向调用代码发送值。当您使用生成器发送值时，可以控制生成器的执行，并且可以通过回调函数来处理每个生成的值。

以下是一个基本的 JavaScript 生成器发送与下一个示例，该示例生成从 0 到 9 的数字序列。

function* generateSequence() {
  for(let i = 0; i < 10; i++) {
    yield i;
  }
}

const sequence = generateSequence();

for(const value of sequence) {
  console.log(value);
}

在上面的代码中，generateSequence 是一个使用 * 关键字定义的生成器。生成器内部使用 yield 语句生成从 0 到 9 的数字序列。sequence 变量是一个对生成器返回的迭代器的引用。for-of 循环通过 sequence 迭代器循环遍历 generateSequence 函数生成的数字序列，并将每个值打印到控制台上。

生成器发送值

使用 JavaScript 生成器发送与下一个时，您可以通过传递值（或表达式）来生成它们。要生成值，请使用 yield 语句并将其后跟要生成的值或表达式。

以下是一个示例，它生成一系列斐波那契数列中的数字。

function* fibonacciSequence() {
  let current = 0, next = 1;

  while(true) {
    yield current;
    [current, next] = [next, current + next];
  }
}

const sequence = fibonacciSequence();

for(let i = 0; i < 10; i++) {
  const value = sequence.next().value;
  console.log(value);
}

在上面的代码中，fibonacciSequence 是一个生成呈斐波那契数列的生成器函数。while 循环生成每个斐波那契数列数字，并使用 yield 语句将其发送到调用代码中。最后，使用 next() 方法一次生成一个值，并将其分配给名为 value 的常量。这个循环生成并打印出前 10 个斐波那契数列数字。

限制生成器

您可以使用 JavaScript 生成器发送与下一个来限制生成器的执行。一旦生成器发送值，控制权即被发送到调用的代码中，生成器将保持暂停状态，直到继续执行。

以下是一个示例，它演示了如何使用 JavaScript 生成器发送与下一个限制异步执行。

function* limitAsyncTask(count) {
  for(let i = 0; i < count; i++) {
    const result = yield new Promise(resolve => setTimeout(() => resolve(i), 1000));
    console.log(result);
  }
}

const task = limitAsyncTask(5);

(function performNext() {
  const {done} = task.next();

  if(!done) {
    setTimeout(performNext, 1000);
  }
})();

在上面的代码中，limitAsyncTask 是一个生成器函数，它使用 yield 语句在每次循环中暂停并等待异步操作完成。task 变量是一个对生成器返回的迭代器的引用。performNext 是一个自我调用的函数，它使用 next() 方法一次执行一个异步操作，并将生成器的控制权交还给调用的代码。

在本例中，limitAsyncTask 限制了异步操作的数量，只进行了 5 次。同时，生成器每次循环等待异步操作完成并返回结果，然后将结果打印到控制台上。调用代码使用 performNext 函数执行异步任务，并在完成时自动调用 next() 方法。

结论

JavaScript 生成器发送与下一个是一种便捷且功能强大的工具，可用于生成连续值序列。使用它时，您可以轻松地生成序列中的每个值，并以一种很容易理解的方式控制生成器的执行。在本篇文章中，我们深入探讨了 JavaScript 生成器发送与下一个的用法与概念，相信这对您编写更好的 JavaScript 代码将非常有帮助。