JavaScript의 변수 섀도잉 이해: 변수 범위는 언제 재정의됩니까?

JavaScript의 변수 섀도잉 이해: 기본 예

JavaScript에서는 동일한 이름의 변수가 선언될 때 변수 섀도잉이 발생합니다. 더 좁은 범위를 사용하면 더 넓은 범위에서 선언된 변수를 효과적으로 숨길 수 있습니다.

다음 코드를 고려하세요.

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

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

showMoney("100");</code>

이 예에는 통화 기호라는 두 개의 변수가 있습니다. 첫 번째는 전역 범위에서 선언되고 두 번째는 showMoney 함수 내에서 선언됩니다. showMoney 함수가 호출되면 동일한 이름을 가진 전역 변수를 숨기는 자체적인currencySymbol 변수가 생성됩니다. 함수 내에서 함수 범위의currencySymbol이 사용되어 "$100"이 아닌 "€100"이 출력됩니다.

이 동작은 변수 섀도잉을 보여줍니다. 이 함수는 해당 범위 내의 전역 변수를 재정의하여 동일한 이름을 가진 변수의 새 인스턴스를 만듭니다. 이 기술은 변수의 범위를 제한하고 의도하지 않은 변수 충돌을 방지하는 데 유용할 수 있습니다.

위 내용은 JavaScript의 변수 섀도잉 이해: 변수 범위는 언제 재정의됩니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!