Name: Iterate over JavaScript (ES6) generators
Uploaded: 2017-01-26T10:06:10-06:00
Description: Generators are iterables, meaning we can easily iterate over the yielded values with a for-of loop. This video demonstrates this based on a simple counter example.

Use JavaScript (ES6) generators to pause function execution

Send messages to and from JavaScript (ES6) generators

Error handling in JavaScript (ES6) generators

Iterate over JavaScript (ES6) generators

Delegate JavaScript (ES6) generator iteration control

Use JavaScript (ES6) generators with Promises to handle async flows

Write simple asynchronous code with JavaScript generators

Generators are iterables, meaning we can easily iterate over the yielded values with a for-of loop. This video demonstrates this based on a simple counter example.

https://app.egghead.io/api/v1/lessons/javascript-iterate-over-javascript-es6-generators/subtitles

[00:00] We have a very simple generator here, which yields values from 1 through 4. To get all of the values, we might do something like this. We call console.log counter.next five times, basically until the result says done is true. If we run this, you will see this works, but it's not very nice. We get through all the values and the last value we get says done true, but doing this manually is a bit tedious.

[00:30] Now, we could manually build a while loop to iterate over this, but there's an easier way. ES6 includes this very nice feature called a for-of loop, so we can go for let i of counter, and then just console.log i out. When we run this, this does exactly what we needed it to do. The for-of loop pauses and resumes the generator automatically, and passes us back the values that the generator yields.

Iterate over JavaScript (ES6) generators

Share this video with your friends

Course

Write simple asynchronous code with JavaScript generators