728x90
변수의 유효 범위 (Variable scope)
자바스크립트에서 객체나 함수는 모두 변수(variable) 이다.
변수의 유효범위는 지역변수(Local variable) 와 전역 변수(global variable)로 나뉘어 진다
지역 변수
지역 변수란 함수내에서 선언된 변수를 가리키는 변수이고 변수가 선언된 함수 내에서만 유요하며, 함수가 종료되면 메모리에서 사라지는 형태입니다.
함수의 매개변수 또한 함수내에서 정의되는 지역 변수처럼 동작 합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Variable Scope</title>
</head>
<body>
<h1>지역 변수</h1>
<script>
function localNum() {
var num = 10; // 지역 변수 num에 숫자 10을 할당함.
document.write("함수 내부에서 변수 num의 타입은 + typeof num + "입니다.<br>");
}
localNum(); // 함수 localNum()을 호출함.
document.write("함수의 호출이 끝난 뒤 변수 num의 타입은 " + typeof num + "입니다.");
</script>
</body>
</html>
더보기
JavaScript Variable Scope
지역 변수
전역 변수 (global variable)
전역변수란 함수의 외부에서 선언된 변수를 가리킵니다..
전역변수는 프로그램의 전체 영역에서나 접근가능하고, 웹페이지가 닫혀야만 메모리에서 사라집니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Variable Scope</title>
</head>
<body>
<h1>전역 변수</h1>
<script>
var num = 10; // 전역 변수 num을 선언함.
function globalNum() {
document.write("함수 내부에서 변수 num의 값은 " + num + "입니다.<br>");
num = 20; // 전역 변수 num의 값을 함수 내부에서 변경함.
}
globalNum(); // 함수 globalNum()을 호출함.
document.write("함수의 호출이 끝난 뒤 변수 num의 값은 " + num + "입니다.");
</script>
</body>
</html>전역 변수와 같은 이름의 지역 변수를 선언하면, 해당 블록에서는 해당 이름으로 지역 변수만을 호출할 수 있습니다.
더보기
JavaScript Variable Scope
전역 변수
전역 변수는 함수 외부뿐만 아니라 내부에서도 접근하여 변경 가능하고
자바스크립트에서 지역 변수를 선언할 때에는 반드시 var 키워드를 사용하여 선언해야 합니다.
함수 내부에서 var 키워드를 사용하지 않고 변수를 선언하면, 해당 변수는 지역 변수가 아닌 전역 변수로 선언됩니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>JavaScript Variable Scope</title>
</head>
<body>
<h1>자동으로 선언되는 전역 변수</h1>
<script>
function globalNum() {
num = 10; // var 키워드를 사용하지 않고 변수 num을 선언함.
document.write("함수 내부에서 변수 num의 값은 " + num + "입니다.<br>");
}
globalNum(); // 함수 globalNum()을 호출함.
document.write("함수의 호출이 끝난 뒤 변수 num의 값은 " + num + "입니다.");
</script>
</body>
</html>
더보기
JavaScript Variable Scope
자동으로 선언되는 전역 변수
참조 사이트
http://www.tcpschool.com/javascript/js_function_variableScope
728x90
'Basic > Web' 카테고리의 다른 글
| [JScript] function (0) | 2022.06.29 |
|---|---|
| [JScript] type (0) | 2022.06.24 |
| [JScript] 출력 관련 (0) | 2022.06.22 |
| Maven 이란? (0) | 2020.04.28 |
| servlet 예제2 doget dopost (0) | 2020.02.21 |