TIL # 2021.11.09

Javascript # Scope

📝오늘 배운 내용

오늘은 Javascript에서 변수의 유효범위(variable scope)에 대해 배웠다.
Javascript에서 변수는 유효 범위에 따라 이렇게 구분이 된다.

  1. 지역 변수(local variable)
  2. 전역 변수(global variable)

지역 변수

지역 변수란 함수 내에서 선언된 변수를 가리킨다.
아래 코드를 해석하면 local이라는 함수안에 num이라는 변수를 선언하고, 10이라는 값을 할당해주었다.
num을 콘솔에 출력하는 코드를 작성하고 local함수를 실행하였다.
이러한 지역변수는 변수가 선언된 함수 내에서만 유효하다. 함수가 종료되면 지역변수는 소멸한다.
아래 예제를 보면,
innerFunc라는 함수 밖에서 localVar 변수를 불러오고 있기 때문에 해당 코드는 오류가 발생하게 된다.
즉, 변수 localVar의 유효한 범위는 innerFunc 함수 안에서 만이다.

예제
function innerFunc() {
  let localVar = 'a';
}
console.log(localVar);

전역 변수

전역 변수란 함수의 외부에서 선언된 변수를 가리킨다.
전역 변수는 프로그램의 어느 영역에서나 접근이 가능하다.
아래 예제를 보면,
a가 두번 출력되는 것을 확인 할 수 있다. 지역변수와 반대로 함수 밖에서 선언한 변수는 블록문 안에서도
사용 할 수 있는데 이런 변수를 전역 변수라고 부른다.

예제
let localVar = 'a';
function innerFunc() {
  console.log(localVar);
}
innerFunc();
console.log(localVar);

좋은 웹페이지 즐겨찾기