## 이벤트 리스너에서 변수 값을 보존하는 방법: 값으로 전달합니까, 아니면 참조로 전달합니까?

이벤트 리스너에서 변수 값 보존: 값 전달과 참조 전달

루프 내에서 변수를 할당하고 이벤트 리스너를 추가하는 경우 변수의 값을 전달할지 아니면 참조를 리스너에게 전달할지 여부를 고려하는 것이 중요합니다.

귀하의 경우 각 리스너가 전달 당시 의도한 값 대신 i의 최종 값을 사용하는 문제가 발생했습니다. 청취자 생성. 이 문제는 JavaScript가 var 키워드와 함께 변수 호이스팅을 사용하기 때문에 발생합니다. 여기서 변수는 해당 범위의 맨 위에 선언되어 전역 범위를 제공합니다(블록 내에서 선언된 경우에도).

이 문제를 해결하려면 다음을 수행할 수 있습니다. 두 가지 기술을 사용합니다.

let 또는 const와 함께 블록 범위 지정 사용:

최신 브라우저에서는 let 또는 const 키워드를 활용하여 블록 범위 변수를 생성할 수 있습니다. 이렇게 하면 변수가 포함 블록 내에서 선언되고 외부에서 액세스할 수 없습니다.

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

익명 함수로 클로저 만들기:

이전 브라우저에서 블록 범위 변수를 지원하지 않는 경우 클로저를 생성하여 각 반복마다 i의 현재 값을 보존할 수 있습니다. 여기에는 익명 함수 내에서 이벤트 리스너 생성을 래핑하고 i를 매개변수로 전달하는 작업이 포함됩니다.

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

i를 익명 함수에 첫 번째 인수로 전달하면 i 값을 효과적으로 전달하게 됩니다. 리스너에 대한 함수 호출 시간입니다.

위 내용은 ## 이벤트 리스너에서 변수 값을 보존하는 방법: 값으로 전달합니까, 아니면 참조로 전달합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!