변수의 범위는 변수가 정의된 프로그램의 영역입니다. JavaScript 변수에는 2개의 범위만 있습니다.
- 전역 변수 − 전역 변수에는 전역 범위가 있으므로 JavaScript 코드의 어느 곳에서나 정의할 수 있습니다.
- 로컬 변수 − 로컬 변수는 정의된 함수 내에서만 볼 수 있습니다. 함수 매개변수는 항상 해당 함수에 대해 로컬입니다.
자바스크립트에서 변수의 범위가 어떻게 작동하는지 봅시다.
함수의 본문 내에서 지역 변수는 같은 이름을 가진 전역 변수보다 우선합니다. 전역 변수와 같은 이름으로 지역 변수나 함수 매개변수를 선언하면 전역 변수를 효과적으로 숨길 수 있습니다.
예시
<html>
<body onload = checkscope();>
<script>
<!--
var myVar = "global"; // Declare a global variable
function checkscope( ) {
var myVar = "local"; // Declare a local variable
document.write(myVar);
}
//-->
</script>
</body>
</html>