JavaScript의 변수 섀도잉이란 무엇입니까?

예제를 통해 JavaScript의 변수 섀도잉 이해

자바스크립트의 개념인 변수 섀도잉은 변수가 더 좁은 범위( 예를 들어 함수)는 더 넓은 범위(예: 전역 범위)에 선언된 동일한 이름의 변수를 재정의합니다.

이 개념을 더 잘 이해하려면 다음 예를 고려하세요.

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

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

showMoney("100");</code>

여기서 예를 들어, 처음에 달러 기호 "$"로 설정된currencySymbol이라는 전역 변수가 있습니다. 그러나 showMoney 함수 내에서 동일한 이름을 가진 또 다른 변수를 선언합니다. 이번에는 유로 기호 "€"로 설정됩니다.

showMoney 함수가 호출되면 함수의currencySymbol 변수가 전역 변수를 섀도잉합니다. 같은 이름. 이는 함수 내에서currencySymbol의 값이 "€"가 되고 전역 범위의 달러 기호가 일시적으로 숨겨짐을 의미합니다.

결과적으로 함수 내에서currencySymbol의 값을 기록하면 " €100"는 재정의를 나타냅니다. 이는 더 좁은 범위 내에서 선언된 변수가 더 넓은 범위에서 선언된 동일한 이름의 변수를 재정의하는 변수 섀도잉의 효과를 보여줍니다.

위 내용은 JavaScript의 변수 섀도잉이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!