JavaScript의 변수 범위

Hemank Mehtani 2023년1월30일 2022년1월19일
  1. JavaScript에서 변수의 차단 범위
  2. JavaScript에서 변수의 로컬 범위
  3. JavaScript에서 변수의 전역 범위
JavaScript의 변수 범위

변수의 범위는 프로그램에서 변수의 접근성 또는 가시성입니다.

JavaScript에는 세 가지 유형의 변수 범위가 있습니다. 블록, 로컬 및 글로벌 범위입니다.

이 기사에서 이에 대해 논의해 보겠습니다.

JavaScript에서 변수의 차단 범위

2015년 ES6이 도입되기 전까지 자바스크립트는 전역과 기능 범위만 가지고 있었습니다. ES6이 도입된 후 letconst라는 두 가지 새로운 키워드가 도입되었습니다. 이러한 키워드는 차단 범위를 가능하게 했습니다.

중괄호 {} 안에 선언된 변수는 블록 외부에서 액세스할 수 없으므로 블록 범위에 속합니다.

아래 코드를 참조하십시오.

{
    let a = 17;
}
// a cannot be used here from outside the block

var 키워드를 사용하여 선언된 변수는 블록 범위를 가질 수 없습니다.

예를 들어,

{
    var a = 17
} 
// a can be used here from outside the block 

JavaScript에서 변수의 로컬 범위

JavaScript의 변수는 함수 내에서 선언될 때 지역 범위를 가집니다. 함수 외부에서 액세스할 수 없습니다.

예를 들어,

function sampleFunction(){
    let myName = "Hemank";
} 
// myName cannot be accessed here

var, letconst 키워드로 선언된 변수에는 모두 함수 범위가 있습니다.

JavaScript에서 변수의 전역 범위

함수 외부에 정의된 모든 변수는 전역 변수입니다. 이들은 프로그램의 어느 곳에서나 액세스할 수 있으며 어떤 기능에도 제한되지 않습니다.

예를 들어,

let myName = "Ella"
// we can access the above variable here

function sampleFunc(){
   // myName can be access from within a function as well.
}

위의 코드에서 myName 변수의 선언은 함수 외부에 있었습니다. 따라서 전역화되어 함수 내부 또는 함수 외부에서 사용할 수 있습니다.

관련 문장 - JavaScript Variable