전역변수 & 지역변수
- 전역변수(global) : 모든 코드가 다 사용할 수 있는 변수
-지역변수(local) : 해당 지역에서만 사용할 수 있는 변수 (scope 안에서만 사용 가능)
전역변수의 많은 사용을 권장하지 않는다
(실수 할 수 있는 일이 많이 생김)
1. 전역변수
1)
2)
호출 전에 변수 바뀌면 함수 생성순서 상관없이 바뀐 변수로 나온다.
2. 지역변수
1)
2)
func3 안에서반 변수를 사용 할 수 있으므로 func4에서 사용할 수 없다
3)
두 변수 b는 다른 변수이다.
( 각각의 영역에서 사용 가능함)
공유하기
게시글 관리
구독하기사소한 메모장저작자표시 비영리 동일조건
'프론트엔드 > JavaScript' 카테고리의 다른 글
<JS> DOM제어하기(2) 자식태그, 부모태그, 형제태그 (0)2017.08.10<JS>DOM 제어하기(1) (0)2017.08.10<JS> function 예제 (0)2017.08.05<JS> 함수 (function) (~es5) (0)2017.08.05<JS> 배열과 객체(2) 객체(abject) (0)2017.08.04변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다.
- 전역변수는 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수입니다.
- 지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다. 함수 외부에서는 접근할 수 없습니다.
예제 1
JavaScript변수 jbVar의 값을 함수 외부에서는 Lorem으로, 함수 내부에서는 Ipsum으로 정했습니다. 함수 외부에서 jbVar를 불러왔으므로 전역변수의 값
Lorem이 출력됩니다.
예제 2
JavaScript함수 내부에서 jbVar의 값을 불러왔으므로 지역변수의 값
Ipsum이 출력됩니다.
예제 3
JavaScript함수 내부에서 var를 사용하지 않고 변수의 값을 정하면 전역변수의 값을 변경합니다. 따라서
IpsumIpsum을 출력합니다.
출처 : www.codingfactory.net/10401
여기에서 말하는 특정지역은 함수를 말합니다. 자신이 만든 특정한 함수 안에서만 활동하는 함수는 로컬 함수로 함수 밖에서는 사용을 못하지요. 하지만 글로벌 함수는 이 함수 저함수 함수가 아닌곳에서도 사용이 가능 하답니다.
이해하기 쉽도록 제가 css를 이용하여 한번 만들어 보도록 하겠습니다.
웹 에디터에서 제이쿼리 예제가 구동이 안될시에는 파이어폭스(권장) 또는 인터넷 익스플로러를 이용해주세요.
빨간색 영역은 글로벌 변수가 인식되는 공간입니다. 그래서 이름도 글로벌(전역)변수입니다. ^-^
파란색 영역은 로컬 변수가 인식되는 공간입니다. 함수 내에서만 위력을 발휘하네요. 그래서 로컬(지역)변수입니다. ^-^
위의 내용만으로는 잘 알 수 없으니 직접 변수를 함수 밖과 함수 안에서 선언하여 테스트를 해봅시다.
아래의 소스는 글로벌 변수 glo_var을 선언하고 함수 안에 로컬변수 local_var을 선언 해서 함수 밖에 출력문을 이용하여 glo_var 변수를 출력하는 예제입니다.
자바스크립트결과는 바로 아래에서 확인하겠습니다.
위의 소스를 실행해보면 변수 glo_var의 값인 10이 출력되는걸 보실 수 있습니다.
그럼 위의 소스에서 출력문의 변수를 로컬 변수로 변경하여 값이 출력 되는지 안되는지 한번 해봅시다.
결과는 당연히 로컬변수이기 때문에 출력이 안됩니다만 그래도 눈으로 보고 이해를 해봅시다.
자바스크립트결과는 바로 아래에서 확인하겠습니다.
위의 소스를 실행 해보면 결과에 아무것도 출력이 안되는걸 보실 수 있습니다. 그 이유는 로컬 변수를 해당 함수 밖에서 실행을 했기 때문이죠. ^^
함수 안에서 변수명 앞에 var를 붙인것과 안붙인것의 차이.
함수 밖에서의 글로벌 변수 앞에 var을 붙이건 안붙이건 글로벌 변수 입니다만,
함수 안에서는 다릅니다.
로컬 변수 앞에 var가 있다면 그 로컬변수는 함수 안에서만 작동하지만,
로컬 변수 앞에 var가 없다면 해당 함수가 한번 호출 된 이후에는 글로벌 변수가 된다.
다음 예제를 통하여 확인해 봅시다.
아래의 예제는 var가 붙지 않은 변수인 local_var2 변수를 함수 밖에서 출력을 하는 예제입니다.
var가 붙지 않는 변수는 한번 그 함수를 호출 한다면 글로벌 변수가 되는데요. 아래의 소스에는 hello 함수를 호출하는 부분이 없으므로 결과는 출력이 되지 않겠죠? ^^
function ipad(){ }0결과는 바로 아래에서 확인하겠습니다.
아래의 소스는 위의 소스에서 함수 호출 부분인 hello()를 함수 밖에 선언한 것입니다. 함수를 호출 하므로써 local_var2 변수는 글로벌 변수가 되므로 결과값을 보여줍니다.^^