Iterator protocol và generator hoạt động thế nào? Dùng khi nào?

Ví dụ

main.js · sửa được▶ Chạy

function* range(start, end) { for (let i = start; i < end; i++) yield i; } console.log([...range(0, 4)]); const it = range(0, 2); console.log(it.next(), it.next(), it.next()); function* talk() { const x = yield 1; // dừng, nhận giá trị từ next(5) console.log("got", x); yield x * 2; } const t = talk(); console.log(t.next().value); console.log(t.next(5).value); const iterable = { *[Symbol.iterator]() { yield "a"; yield "b"; } }; console.log([...iterable]);

• for...of, spread, destructuring, Array.from, Map/Set constructor đều dùng iterator protocol.
• Generator lazy: chỉ tính giá trị khi được yêu cầu, nên biểu diễn được chuỗi vô hạn (while (true) yield ...) kết hợp take(n).
• yield* ủy quyền sang iterable khác; return()/throw() cho phép đóng/ném lỗi vào generator.
• async function* + for await...of dùng cho stream và phân trang.