去年某電商大促，一個(gè) junior 開發(fā)把 i++ 寫成了 i--。結(jié)果用戶下單頁(yè)面的循環(huán)永遠(yuǎn)跑不到頭，服務(wù)器 CPU 飆到 100%，值班工程師找了 72 小時(shí)才定位到第 47 行的那個(gè)符號(hào)。

循環(huán)的本質(zhì)是"重復(fù)"，但重復(fù)一旦失控，就是災(zāi)難。

JavaScript 的循環(huán)結(jié)構(gòu)不復(fù)雜，卻藏著程序員最容易忽視的陷阱。for、while、do...while 三種寫法，核心邏輯完全一致：先檢查條件，再執(zhí)行代碼塊，最后更新變量。這個(gè)順序不能亂，變量更新更不能忘。

for 循環(huán)：最常用，也最容易寫順手

標(biāo)準(zhǔn)寫法四步走：初始化變量 → 判斷條件 → 執(zhí)行代碼 → 更新變量。以 for (let i = 0; i < 5; i++) 為例，i 從 0 開始，每次加 1，直到不小于 5 時(shí)停止。輸出結(jié)果是 0、1、2、3、4，干凈利落。

但很多人抄代碼時(shí)會(huì)把 i++ 漏掉，或者寫成 i = i 這類無操作。瀏覽器不會(huì)報(bào)錯(cuò)，循環(huán)條件永遠(yuǎn)為真，頁(yè)面直接卡死。這就是 infinite loop（無限循環(huán)），前端表現(xiàn)為頁(yè)面無響應(yīng)，后端則是服務(wù)崩潰。

while 與 do...while：條件判斷的兩種姿勢(shì)

while 先驗(yàn)條件，可能一次都不執(zhí)行；do...while 后驗(yàn)條件，至少執(zhí)行一次。實(shí)際開發(fā)中，while 更常見于"不知道要循環(huán)多少次"的場(chǎng)景，比如等待某個(gè)異步狀態(tài)變更。

但無論哪種，循環(huán)體內(nèi)必須有改變條件的語(yǔ)句。這是鐵律，沒有例外。

一個(gè)真實(shí)的血淚教訓(xùn)

2023 年某金融科技公司的事故報(bào)告顯示，他們的風(fēng)控系統(tǒng)曾因循環(huán)變量未更新導(dǎo)致內(nèi)存泄漏，最終觸發(fā) OOM（內(nèi)存溢出）自動(dòng)重啟。修復(fù)方案只有一行：把 while (true) 里的 break 條件從依賴外部接口，改為內(nèi)部計(jì)數(shù)器遞增。

循環(huán)是編程的基石，但基石松動(dòng)，整座樓都會(huì)晃。你最近一次寫循環(huán)時(shí)，有沒有在提交前專門檢查過那個(gè)不起眼的 i++？