Closure

• 변수의 유효범위를 의미한다

전역 스코프, 지역 스코프

• 변수와 같이 전역 스코프, 지역 스코프로 크게 나눌 수 있다

var 전역 = '1';

function foo() {
  var 지역 = '1';
}

함수 스코프, 블록 스코프

• 자바스크립트는 일반적으로 함수 스코프를 갖는다 (var를 사용한 경우)

function foo() {
  if (true) {
    var a = 1;
  }
  console.log(a); // 1
}

• let을 사용하면 블록 스코프를 사용할 수 있다

function foo() {
  if (true) {
    let a = 1;
  }
  console.log(a); // undefined
}

렉시컬 스코프

• 렉시컬/정적 스코프에서는 함수 스코프의 상위 스코프를 함수가 선언된 위치의 스코프가 상위 스코프가 된다
• 동적 스코프에서는 함수가 호출된 위치의 스코프가 상위 스코프가 된다.
• 자바스크립트는 렉시컬 스코프를 따른다

function foo_1() {
  var a = 1;

  function foo_2() {
    var a = 2;
    foo_3();
  }

  function foo_3() {
    console.log(a); // 1
  }
}

암묵적 전역 변수(?)

• 자바스크립트에서는 변수 선언 없이 identifier를 사용해 값을 할당하면 window 객체의 프로퍼티에 해당 identifier를 포함해 전역 객체처럼 사용할 수 있다. 하지만 실제 전역 변수는 아니라 hoisting이 발생하지 않고 delete로 객체에서 삭제가 가능하다.

function foo() {
  y = 10;
}

foo();

// window.y = 10 로 저장되어 있음

끝

😊