滿足條件后運行 rest 代碼

Question

請問如果條件在 i 大於 9 之后運行，我怎樣才能使第二個

 var i = 0; var x = document.querySelector(".start"); x.addEventListener("click", function () { if (i < 10) { console.log(i); i++; } }) if (i === 10) { console.log(i); }

 <button class="start">start</button>

Answer 1

您可以將檢查移動到事件回調中並檢查值是否為 10，然后提前返回。

否則增加i並生成想要的 output。

 var i = 0; var x = document.querySelector(".start"); x.addEventListener("click", function () { if (i === 10) return; i++; if (i < 10) { console.log(i); } else { console.log('ten'); } })

 <button class="start">start</button>