스코프

식별자(변수)의 유효범위

자바스크립트 변수에 대한 접근 권한을 정의하는 것이다.
global 영역과 local 영역으로 나뉜다.
- global: 코드 어디에서든지 참조 가능
- local: 함수 코드 블록이 만든 스코프, 함수 자신과 하위 함수에서만 참조 가능
var로 변수를 선언할 경우, hoisting이 발생하며, 이는 식별자에 영향을 줄 수 있다.

블럭 레벨 스코프 vs 함수 레벨 스코프

function foo (a) {
  if(a) {
    // let b = 'let';
    var c = 'var';
  }
  // console.log(b);
  console.log(c);
}

foo(true);

C언어는 블록 레벨 스코프를 따른다. 하지만 자바스크립트는 함수 레벨 스코프를 따른다.

- var let const
scope 함수 레벨 블록 레벨 블록 레벨
재선언 O X X
재할당 O O X
블록 레벨 스코프: 모든 코드 블록(함수, if 문, for 문, while 문, try/catch 문 등) 내에서 선언된 변수는 코드 블록 내에서만 유효하며 코드 블록 외부에서는 참조할 수 없다. 즉, 코드 블록 내부에서 선언한 변수는 지역 변수이다. foo => let 출력 시 에러 발생
함수 레벨 스코프: 함수 내에서 선언된 변수는 함수 내에서만 유효하며 함수 외부에서는 참조할 수 없다. 즉, 함수 내부에서 선언한 변수는 지역 변수이며 함수 외부에서 선언한 변수는 모두 전역 변수이다. foo => var 출력

var x = 1;

function foo() {
  var x = 10;
  bar();
}

function bar() {
  console.log(x);
}

foo(); // ?
bar(); // ?

스코프 체인

클로저 = 함수 + 함수를 둘러싼 환경(Lexical enviornment)

for (let i = 0; i < 10; i++) {
  (function (j) {
    setTimeout(function () {
      console.log(j);
    }, 100);
  })(i);
}