글로벌 변수, 로컬 변수
var
var는 변수를 선언할때 사용합니다.
변수 선언할때
var 변수명 = 변수의 값;
var를 붙이지 않아도 사용 가능 합니다.
일단 글로벌 변수와 로컬 변수는 이름에서 보듯이 글로벌 변수는 어디에서나 사용 가능한 변수이며 로컬 변수는 특정 지역에서만 사용하는 변수 입니다.
여기에서 말하는 특정지역은 함수를 말합니다. 자신이 만든 특정한 함수 안에서만 활동하는 함수는 로컬 함수로 함수 밖에서는 사용을 못하지요. 하지만 글로벌 함수는 이 함수 저함수 함수가 아닌곳에서도 사용이 가능 하답니다.
글로벌 변수 glo_var을 선언하고 함수 안에 로컬변수 local_var을 선언 해서 함수 밖에 출력문을 이용하여 glo_var 변수를 출력하는 예제입니다
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<style type="text/css">
</style>
<script type="text/javascript">
glo_var = 10;
function hello(){
local_var = 20;
}
document.write(glo_var);
</script>
</head>
<body>
</body>
</html>
위의 소스를 실행해보면 변수 glo_var의 값인 10이 출력되는걸 보실 수 있습니다.
그럼 위의 소스에서 출력문의 변수를 로컬 변수로 변경하여 값이 출력 되는지 안되는지 한번 해봅시다.
결과는 당연히 로컬변수이기 때문에 출력이 안됩니다만 그래도 눈으로 보고 이해를 해봅시다.
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<style type="text/css">
</style>
<script type="text/javascript">
glo_var = 10;
function hello(){
local_var = 20;
}
document.write(local_var);
</script>
</head>
<body>
</body>
</html>
위의 소스를 실행 해보면 결과에 아무것도 출력이 안되는걸 보실 수 있습니다. 그 이유는 로컬 변수를 해당 함수 밖에서 실행을 했기 때문이죠.
<html>
<head>
<meta charset="utf-8" />
<title>자바스크립트</title>
<style type="text/css">
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.0.min.js" ></script>
<script type="text/javascript">
glo_var = 10;
function hello(){
var local_var = 20;
local_var2 = 30;
}
document.write(local_var2);
</script>
</head>
<body>
</body>
</html>
결과값은 40이나옵니다.
itworldkorea
IT korea가 세상(world)을 변화시킨다.