본문 바로가기
프로그래밍언어 & 프레임워크/JavaScript

지역변수와 전역변수(자바스크립트, JavaScript)

by 공부하는개미 2021. 2. 25.
반응형

 

변수는 유효범위에 따라 전역변수(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 튜토리얼

 

CODING FACTORY(티스토리 블로그)

반응형