JavaScript 변수의 값(참조가 아님)을 함수에 전달하는 방법은 무엇입니까?

JS 변수의 값(참조 아님)을 함수에 전달하는 방법

JavaScript와 같은 동적 언어에서 변수는 기본적으로 참조로 전달됩니다. 이는 함수 내의 변수에 대한 모든 변경 사항이 함수 외부의 원래 변수에 반영된다는 것을 의미합니다. 특정 상황에서는 이 동작이 바람직하지 않으며 대신 변수 값을 함수에 전달해야 할 수도 있습니다.

최신 브라우저의 경우 let 또는 const 키워드를 사용하여 블록 범위 변수를 정의하는 것이 좋습니다.

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

이 접근 방식을 사용하면 루프를 반복할 때마다 i 변수에 대한 새로운 범위가 생성되어 모든 리스너가 루프 끝에서 results.length 값을 사용하는 문제를 방지할 수 있습니다.

이전 브라우저로 작업하는 경우 변수를 함수 매개변수로 전달하여 루프의 각 반복에 대해 별도의 범위를 만듭니다.

<code class="js">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>

익명 함수를 사용하고 변수와 함께 호출 첫 번째 인수로 효과적으로 값을 전달하고 클로저를 생성합니다. 이렇게 하면 각 리스너가 리스너 생성 당시의 값을 참조하는 자체 i 변수 복사본을 갖게 됩니다.

위 내용은 JavaScript 변수의 값(참조가 아님)을 함수에 전달하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!