How do generator functions work?

Can you explain how generator functions work in JavaScript?

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

What does it mean to pause and resume execution?

When a generator function is called, it returns an iterator object. You can use the next() method to execute the function until it hits a yield statement, which pauses the function and returns the value.

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 maximum.

How do I use the values yielded by the generator?

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

for (let number of countUpTo(5)) {
  console.log(number);
}

This will log numbers 1 through 5 to the console.