在 JavaScript 循環中分配點擊處理程序時如何避免閉包問題？

解決循環內單擊處理程序分配中的閉包問題

將單擊處理程序分配給循環中的多個元素時，由於JavaScript 中的閉包，會出現一個常見的陷阱。提供的程式碼顯示了此問題：

$(document).ready(function(){
  for(var i = 0; i <p>此程式碼旨在在發生點擊時顯示被點擊元素的索引。但是，每次點擊它都會錯誤地顯示“您點擊了 20”，而不是顯示實際索引。此行為源自於循環中所建立的閉包。 </p><h3 id="解決方案-使用回調函數">解決方案：使用回調函數</h3><p>要解決此問題，我們可以使用回調函數，如下所示：</p><pre class="brush:php;toolbar:false">function createCallback( i ){
  return function(){
    alert('you clicked' + i);
  }
}

$(document).ready(function(){
  for(var i = 0; i <p>在此更新版本中，在循環內創建回調函數。此函數捕獲“i”的當前值，並確保單擊元素時顯示正確的索引。 </p><h3 id="利用ES-的let-關鍵字">利用ES6 的let 關鍵字</h3><p>如果ES6 語法可用，我們可以使用let 關鍵字可以更簡潔地實現相同的結果：</p><pre class="brush:php;toolbar:false">for(let i = 0; i <p>let 關鍵字確保'i' 的作用域是本地的循環，避免關閉問題並在每個元素啟動時顯示正確的點擊索引。 </p>

以上是在 JavaScript 循環中分配點擊處理程序時如何避免閉包問題？的詳細內容。更多資訊請關注PHP中文網其他相關文章！