변수는 유효범위에 따라 전역변수(Global Variable)와 지역변수(Local Variable)로 구분할 수 있습니다.
지역변수
지역변수는 함수 내부에서 선언된 변수로, 함수가 실행되면 만들어지고 함수가 종료되면 소멸하는 변수입니다.
지역 변수(local variable)는 함수 안에서만 접근할 수 있습니다.
<!DOCTYPE html>
<script>
"use strict";globalThis.__codeBoxId = "lpd4va32eg";
function showMessage() {
let message = "안녕하세요!"; // 지역 변수
alert( message );
}
showMessage(); // 안녕하세요!
alert( message ); // ReferenceError: message is not defined (message는 함수 내 지역 변수이기 때문에 에러가 발생합니다.)
</script>
전역변수
전역변수는 함수 외부에서 선언된 변수로, 프로그램 전체에서 접근할 수 있는 변수입니다.
전역 변수는 같은 이름을 가진 지역 변수에 의해 가려지지만 않는다면 모든 함수에서 접근할 수 있습니다.
let x = 3; // 글로벌 변수, 전역 변수(Global Variable)
function myFunction(){
console.log(x);
}
myFunction(); // 3
console.log(x); // 3
변수는 연관되는 함수 내에 선언하고, 전역 변수는 되도록 사용하지 않는 것이 좋습니다.
비교적 근래에 작성된 코드들은 대부분 전역변수를 사용하지 않거나 최소한으로만 사용합니다.
* 다만 프로젝트 전반에서 사용되는 데이터는 전역 변수에 저장하는 것이 유용한 경우도 있습니다.
참고 자료
반응형
'프로그래밍언어 & 프레임워크 > JavaScript' 카테고리의 다른 글
| [노마드코더]반드시 "함수형 프로그래밍"을 알아야 할까? (0) | 2022.03.27 |
|---|---|
| Ajax 개념관련 정리가 잘 되어있는 사이트들 (0) | 2021.07.02 |
| DOM에 대해 잘 정리되어 있는 사이트들(DOM이란?) (0) | 2021.02.16 |
| 자바스크립트 객체(Object) (0) | 2021.02.13 |
| MVC 패턴(Model, View, Controller) (0) | 2021.02.09 |