What is JavaScript? JavaScript Development Environment JavaScript Variables and Data Types Operators in JavaScript Control Structures in JavaScript JavaScript Functions JavaScript Arrays Complete Guide JavaScript Objects and JSON DOM Manipulation Basics Event Handling in JavaScript JavaScript ES6 Features Overview JavaScript Promises and Async Async Await in JavaScript Fetch API and AJAX JavaScript Modules ES6 Local Storage and Session Storage JavaScript Error Handling JavaScript Closures Explained JavaScript Prototypes and Inheritance ES6 Classes in JavaScript JavaScript Template Literals Destructuring Assignment ES6 Spread Operator in JavaScript JavaScript Map and Set JavaScript Symbol Data Type Optional Chaining and Nullish JavaScript Generators JavaScript Proxy and Reflect Web APIs Canvas SVG JavaScript Web Workers

Back to Lessons

JavaScript Generators

April 5, 2026

Generators (ES6)

Functions producing sequence of values over time.

Generator Example

function* numberGenerator() {
    yield 1;
    yield 2;
    yield 3;
}

let gen = numberGenerator();
console.log(gen.next().value); // 1
console.log(gen.next().value); // 2

// Infinite sequence
function* infinite() {
    let i = 0;
    while (true) yield i++;
}

// For...of iteration
for (let value of numberGenerator()) {
    console.log(value);
}

Key Points

function* and yield keywords.
generator.next() produces next value.
Pauses/resumes execution.
Memory efficient for large sequences.

Previous Lesson Next Lesson