Skip to main content

Quick tip about function vs function*

· One min read
Benjamin Auzanneau

What is function * ?

It's generator function which returns a Generator object. Generators are intricately linked with iterators.

But what is a generator function ?

It's a function that can stop midway and then continue from where it stopped !

function* generatorExample() {
let counter = 0;
yield `First step ! ${counter}`;
counter++;
yield `Second step ! ${counter}`;
counter++;
console.log("No yield, the function is done");
}

const generator = generatorExample();
console.log(generator.next().value); // First step ! 1
console.log(generator.next().value); // Second step ! 2
console.log(generator.next().value); // No yield, the function is done

The Generator object offers a next() function that you can call to go further into the next step of the generator.

You can check MDN for more information.

That's it, make good use of it !


I'm not a native English speaker so, thanks in advance if you want to improve my article with correct syntax/grammar/sentences.

I can accept all kind remarks :)

Cover by Wolfgang Rottmann on Unsplash