generator函數是JavaScript中一種能分段執行并保持狀態的特殊函數，通過function*定義，使用yield暫停執行，適合處理異步操作、懶加載和逐步返回結果。它在調用時不立即執行函數體，而是返回一個generator對象，通過.next()方法逐步執行，每次遇到yield或return暫停；其中return標記done: true，而yield為done: false。generator可通過配合promise實現類似同步的異步流程控制，如異步任務按順序執行；也可用于創建自定義迭代器，例如無限遞增數字生成器。此外，支持通過.next(value)傳值、.throw(Error)觸發錯誤及使用yield*代理其他generator，提供了靈活的代碼執行控制方式。
Generator函數是JavaScript中一種特殊的函數，它和普通函數不同，可以在執行過程中暫停，并在之后恢復執行。這種“可暫停”的特性讓它非常適合用來處理異步操作、懶加載數據、或者需要逐步返回結果的場景。
什么是Generator函數？
Generator函數本質上是一種能分段執行并保持狀態的函數。它不會像普通函數那樣一調用就從頭執行到尾，而是可以在執行過程中通過 yield 暫停，在外部控制下繼續執行下一步。
定義方式是在函數關鍵字 function 后加一個星號 *，例如：
function* myGenerator() { yield 1; yield 2; return 3; }
當你調用這個函數時，它并不會立即執行函數體，而是返回一個Generator對象，你可以通過這個對象手動控制執行進度。
如何使用Generator函數？
基本用法：一步步執行
調用 .next() 方法可以讓Generator函數從當前暫停的位置繼續執行，直到遇到下一個 yield 或 return。
const gen = myGenerator(); console.log(gen.next()); // { value: 1, done: false } console.log(gen.next()); // { value: 2, done: false } console.log(gen.next()); // { value: 3, done: true }
- value 是當前 yield 或 return 的值。
- done 表示函數是否已經執行完畢。
注意：只有 return 的值才會標記為 done: true，而 yield 返回的是 done: false。
Generator配合異步操作
雖然現在Promise和async/await更常見，但在早期JS中，Generator常被用來模擬異步流程控制。
比如，你可以寫一個異步任務，每次 yield 等待一個異步操作完成：
function asyncTask(time) { return new Promise(resolve => setTimeout(resolve, time)); } function* taskRunner() { console.log('開始任務1'); yield asyncTask(1000).then(() => console.log('任務1完成')); console.log('開始任務2'); yield asyncTask(500).then(() => console.log('任務2完成')); } const runner = taskRunner(); runner.next().value.then(() => runner.next().value);
雖然看起來有點繞，但這種方式讓異步邏輯看起來像是同步寫的，便于管理流程。
用Generator實現自定義迭代器
由于Generator默認返回一個可迭代對象，所以你很容易用它來創建一個自定義的數據生成器。
比如，實現一個無限遞增的數字生成器：
function* numberGenerator(start = 0) { let i = start; while (true) { yield i++; } } const nums = numberGenerator(5); console.log(nums.next().value); // 5 console.log(nums.next().value); // 6 console.log(nums.next().value); // 7
這種模式非常適合用于懶加載、流式數據處理等場景。
小貼士：幾個常用技巧
- 可以通過 .next(value) 向Generator內部傳值，影響后續執行。
- 使用 .throw(error) 可以在Generator內部觸發錯誤捕獲。
- Generator可以嵌套使用，通過 yield* anotherGenerator() 來代理另一個Generator。
基本上就這些。Generator不是最常用的語法，但它提供了一種靈活的方式來控制代碼的執行節奏，在某些特定場景下還是挺有用的。
