What are generators in JavaScript?

Can you explain what generators are in JavaScript?

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

How do you create a generator function?

You create a generator function by using the function* keyword, followed by the function name and parentheses. Inside, you use the yield keyword to yield values.

What is the purpose of the yield keyword?

The yield keyword is used to pause the generator function and return a value to the caller. When the generator is resumed, it continues execution from where it left off.

Can you give me an example of a generator in action?

Absolutely! Here's a simple example:

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

You can use it like this:

const counter = countUpTo(5);
console.log(counter.next().value); // 1
console.log(counter.next().value); // 2