What are generators in JavaScript and how do they work?

What are generators in JavaScript and how do they work?

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

Can you give me an example of a generator function?

Sure! Here's a simple example:

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

This generator yields numbers from 1 to the specified max.

How do I use the generator function?

You can use it like this:

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

This will log numbers 1 through 5 to the console.

What is the difference between a generator and a regular function?

The main difference is that a generator can pause its execution and return multiple values over time, while a regular function runs to completion and returns a single value.