동일한 이름의 다른 범위의 변수가 있는 JavaScript에서 변수 섀도잉이 발생할 수 있습니까?

기본 JavaScript 예제를 사용하여 변수 섀도잉을 명확하게 설명할 수 있나요?

변수 섀도잉은 특정 범위에서 변수가 정의되는 JavaScript의 개념입니다. 더 넓은 범위에서 선언된 동일한 이름의 다른 변수를 재정의합니다. 설명을 위한 기본 예는 다음과 같습니다.

다음 코드 조각을 고려하세요.

<code class="javascript">var currencySymbol = "$";

function showMoney(amount) {
  var currencySymbol = "€";
  console.log(currencySymbol + amount);
}

showMoney("100");</code>

이 예에는 통화 기호라는 두 개의 변수가 있습니다. 전역 변수인currencySymbol은 처음에 "$"로 설정됩니다. showMoney 함수 내에서 동일한 이름의 새 변수가 선언되고 "€"로 설정됩니다.

showMoney 함수가 호출되면 로컬 변수인currencySymbol이 동일한 이름의 전역 변수를 섀도잉합니다. 이는 함수 내의 코드가 "$"의 전역 값을 재정의하여 "€"의 로컬 값을 통화 기호로 사용한다는 것을 의미합니다.

결과적으로 console.log(currencySymbol amount) 행이 실행되면, 콘솔에 "€100"이 인쇄됩니다. 이는 지역 변수인currencySymbol이 showMoney 함수 내에서 사용되어 전역 변수를 재정의하기 때문입니다.

이것은 변수 섀도잉의 예인가요?

예, 그렇습니다. 변수 섀도잉의 명확한 예입니다. showMoney 함수 내의 로컬 변수인currencySymbol은 동일한 이름을 가진 전역 변수를 재정의하므로 함수는 전역 값 "$" 대신 로컬 값 "€"를 사용하게 됩니다.

위 내용은 동일한 이름의 다른 범위의 변수가 있는 JavaScript에서 변수 섀도잉이 발생할 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!