<p>JavaScript的迭代器與生成器通過(guò)惰性求值實(shí)現(xiàn)高效數(shù)據(jù)流處理。迭代器遵循協(xié)議提供next()方法，返回value和done屬性；生成器函數(shù)用function定義，內(nèi)部使用yield暫停執(zhí)行，返回可迭代的生成器對(duì)象。例如numberStream()生成無(wú)限數(shù)字序列，每次調(diào)用next()才計(jì)算下一個(gè)值，避免內(nèi)存浪費(fèi)。在真實(shí)場(chǎng)景如分頁(yè)請(qǐng)求中，async function fetchPages()按需加載數(shù)據(jù)，結(jié)合for await...of逐步消費(fèi)，無(wú)需一次性獲取全部?jī)?nèi)容。生成器簡(jiǎn)化了迭代器創(chuàng)建，使異步或分段邏輯以同步方式表達(dá)，兩者協(xié)作實(shí)現(xiàn)對(duì)大文件、API流等場(chǎng)景的優(yōu)雅處理。</p>

JavaScript 的迭代器與生成器通過(guò)一種簡(jiǎn)潔高效的方式協(xié)同處理數(shù)據(jù)流，尤其適合管理大量或動(dòng)態(tài)生成的數(shù)據(jù)。它們的核心優(yōu)勢(shì)在于實(shí)現(xiàn)“惰性求值”——即按需計(jì)算，而不是一次性生成所有值。

迭代器（Iterator）的基本作用

迭代器是一個(gè)對(duì)象，遵循迭代器協(xié)議，具備一個(gè) next() 方法，返回包含 value 和 done 屬性的結(jié)果對(duì)象。它允許你一步步訪問(wèn)序列中的元素。

例如，數(shù)組調(diào)用 [Symbol.iterator]() 會(huì)返回一個(gè)迭代器，用于 for...of 循環(huán)中逐個(gè)取值。

生成器（Generator）是迭代器的工廠

生成器函數(shù)用 function* 定義，調(diào)用后返回一個(gè)生成器對(duì)象——這個(gè)對(duì)象既是可迭代對(duì)象，也是迭代器。它內(nèi)部使用 yield 暫停執(zhí)行，并在每次調(diào)用 next() 時(shí)恢復(fù)。

立即學(xué)習(xí)“Java免費(fèi)學(xué)習(xí)筆記（深入）”；

這意味著你可以用同步語(yǔ)法編寫異步或分段的數(shù)據(jù)生產(chǎn)邏輯，而外部可以像操作普通迭代器一樣消費(fèi)數(shù)據(jù)。

看一個(gè)簡(jiǎn)單例子：

uBrand Logo生成器

uBrand Logo生成器是一款強(qiáng)大的AI智能LOGO設(shè)計(jì)工具。

57

查看詳情

function* numberStream() {
  let i = 0;
  while (true) {
    yield i++;
  }
}
<p>const gen = numberStream();
gen.next(); // { value: 0, done: false }
gen.next(); // { value: 1, done: false }</p>

這個(gè)生成器創(chuàng)建了一個(gè)無(wú)限遞增的數(shù)字流。由于是惰性執(zhí)行，不會(huì)耗盡內(nèi)存，只有在調(diào)用 next() 時(shí)才計(jì)算下一個(gè)值。

協(xié)同處理真實(shí)數(shù)據(jù)流場(chǎng)景

當(dāng)需要處理大文件、API 分頁(yè)數(shù)據(jù)或事件流時(shí)，生成器可以封裝獲取邏輯，迭代器則控制消費(fèi)節(jié)奏。

比如從分頁(yè)接口拉取數(shù)據(jù)：

async function* fetchPages(url) {
  let page = 1;
  while (true) {
    const res = await fetch(`${url}?page=${page}`);
    const data = await res.json();
    if (data.items.length === 0) break;
    for (const item of data.items) {
      yield item;
    }
    page++;
  }
}

這里生成器負(fù)責(zé)按需加載下一頁(yè)，外部可以用 for await...of 逐步消費(fèi)每條記錄，而不需要一次性加載全部數(shù)據(jù)。

基本上就這些。生成器簡(jiǎn)化了迭代器的創(chuàng)建過(guò)程，讓開(kāi)發(fā)者能以自然的方式描述數(shù)據(jù)流；迭代器則提供統(tǒng)一的消費(fèi)接口。兩者結(jié)合，使 JavaScript 能優(yōu)雅地處理各種流式數(shù)據(jù)場(chǎng)景。

以上就是JavaScript 的迭代器與生成器是如何協(xié)同工作以處理數(shù)據(jù)流的？的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！