본문 바로가기
Programming & Platform/JavaScript

JavaScript 전역변수와 지역변수의 소개, 특징, 차이점, 예시 코드

by 코드스니펫 2023. 10. 22.
반응형

JavaScript 전역변수와 지역번수의 소개, 특징, 차이점, 예시코드

 

javascript logo

 

JavaScript에서 변수는 전역변수와 지역변수 두 가지 범위로 나뉩니다. 이 글에서는 이 두 분류의 변수의 차이점과 예시 코드를 통해 이해해보겠습니다.

 

전역변수 (Global Variables)

 

 

문법과 자료형 - JavaScript | MDN

이 장은 JavaScript의 기본 문법과 변수 선언, 자료형 및 리터럴을 다룹니다.

developer.mozilla.org

 

전역변수는 어디서든 접근 가능한 변수로 프로그램 전체에서 사용할 수 있는 변수를 의미합니다.

 

전역변수의 특징

  • 어디서든 접근 가능하며 어디서든 수정 가능합니다.
  • 전역변수는 프로그램의 어느 위치에서도 호출 가능합니다.
  • 전역변수는 전역 스코프(Global Scope)에 속합니다.

 

예시 코드

var globalVar = 10;

function printGlobalVar() {
    console.log(globalVar);
}

printGlobalVar(); // 10이 출력됩니다.

 

지역변수 (Local Variables)

 

 

변수와 상수

 

ko.javascript.info

 

지역변수는 특정 블록 내에서만 접근 가능한 변수로, 블록 내부에서 선언됩니다.

 

지역변수의 특징

  • 특정 블록 또는 함수 내에서만 접근 가능하며 수정 가능합니다.
  • 블록 내에서 선언되고, 해당 블록 내에서만 유효합니다.
  • 지역변수는 지역 스코프(Local Scope)에 속합니다.

 

예시 코드

function printLocalVar() {
    var localVar = 5;
    console.log(localVar);
}

printLocalVar(); // 5가 출력됩니다.

// 여기서는 localVar에 접근할 수 없습니다.
console.log(localVar); // 오류: localVar is not defined

 

끝으로

 

전역변수와 지역변수는 스코프와 접근성에서 차이가 있습니다. 전역변수는 어디서나 접근 가능하고 전역 스코프에 속하며, 지역변수는 특정 블록 내에서만 접근 가능하고 지역 스코프에 속합니다. 이러한 차이를 이해하면 변수의 범위와 사용 방법을 더 잘 이해할 수 있을 것입니다.

 

▼ 아래 글도 읽어보세요! ▼

 

 

javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이

javascript 배열 안 숫자 중 최대값 찾는 다양한 방법 - 알고리즘 풀이 숫자로 이루어진 배열 안의 최대값을 찾는 방법에 대해 필자가 해결한 방법과 그 외의 다양한 해결 방법에 대해 소개하겠습니

lemonlog.tistory.com

 

 

부트스트랩 쉽게 사용하는 방법 - 웹사이트 제작 필수 프로그램

부트스트랩 쉽게 사용하는 방법 - 웹사이트 제작 필수 프로그램 HTML 개발시 필수적으로 사용하는 부트스트랩입니다. 각종 CSS와 Javascript를 보기 편하게 만들어주는 이 프레임워크의 간단한 소개

lemonlog.tistory.com

 

 

Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법

Node.js 최신버전 설치 다운로드 방법, 설치 확인 방법 Node.js를 사용하기 위해서는 설치 작업이 필수 입니다. 설치시 기본 다운로드 방법과 최신버전 다운로드 방법 및 설치과정, 설치가 제대로 이

lemonlog.tistory.com