루프에서 이벤트 리스너를 사용할 때 함수에 올바른 변수 값을 전달하는 방법은 무엇입니까?

JS 변수 값을 함수에 전달하는 방법

배열을 반복하고 각 요소에 이벤트 리스너를 추가할 때 루프의 값 카운터 변수가 예상대로 유지되지 않을 수 있습니다. 현재 값을 캡처하는 대신 리스너는 루프가 종료된 후 최종 값을 사용합니다. 이 문제를 해결하고 실제 값(참조가 아님)을 함수에 전달하려면 다음 접근 방식을 고려하세요.

최신 브라우저:

let 또는 const 키워드 활용 블록 범위 변수를 선언하려면:

<code class="javascript">for (let i = 0; i < results.length; i++) {
  let marker = results[i];
  google.maps.event.addListener(marker, 'click', () => change_selection(i));
}</code>

이전 브라우저:

별도의 범위를 만들어 변수 값을 중첩 함수에 매개변수로 전달하여 보존하세요. :

<code class="javascript">for (var i = 0; i < results.length; i++) {
  (function (i) {
    marker = results[i];
    google.maps.event.addListener(marker, 'click', function() {
      change_selection(i);
    });
  })(i);
}</code>

익명 함수를 활용하고 변수를 인수로 전달하면 해당 값을 함수에 효과적으로 전달하고 클로저를 생성할 수 있습니다. 이렇게 하면 각 청취자가 생성 시 올바른 값에 액세스할 수 있습니다.

위 내용은 루프에서 이벤트 리스너를 사용할 때 함수에 올바른 변수 값을 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!