JavaScript의 변수 범위

1. JavaScript에서 변수의 차단 범위
2. JavaScript에서 변수의 로컬 범위
3. JavaScript에서 변수의 전역 범위

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

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

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

JavaScript에서 변수의 차단 범위

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

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

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

{ 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, let 및 const 키워드로 선언된 변수에는 모두 함수 범위가 있습니다.

JavaScript에서 변수의 전역 범위

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

예를 들어,

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

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

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