How do generators work in JavaScript?

Can you explain how generators work in JavaScript?

Sure! Generators are special functions that can pause and resume execution. They are defined using the function* syntax.

What does it mean for a generator to pause?

When a generator function is called, it returns an iterator object. The execution pauses at the yield statement, allowing you to control the flow.

Can you give me an example of a generator function?

Absolutely! Here's a simple example:

function* countUpTo(max) {
  let count = 1;
  while (count <= max) {
    yield count;
    count++;
  }
}

This function yields numbers from 1 to the specified max.

How do I use the values yielded by a generator?

You can use a for...of loop to iterate over the values:

const counter = countUpTo(5);
for (const num of counter) {
  console.log(num);
}

This will log numbers 1 through 5.