TIL-18_2020.01.07

🐯 javascript koans

scope

• 함수선언식에서는 호이스팅이 이루어진다. 함수가 자신이 위치한 코드에 상관없이 코드의 맨 처음부터 실행한다. (끌어올려진다.)
• 함수표현식에서는 호이스팅이 이루어지지 않는다.

lexical scope

• javascript는 기본적으로 함수레벨스코프를 따른다. let 키워드를 이용해 블록레벨스코프를 이용할 수 있다.

• var x = 1;
  function foo() {
    var x = 10;
    bar();
  }
  function bar() {
    console.log(x);
  }
  foo(); // ?
  bar(); // ?```

• 위 예제의 실행 결과는 함수 bar의 상위 스코프가 무엇인지에 따라 결정된다. 두가지 패턴을 예측할 수 있는데 첫번째는 함수를 어디서 호출하였는지에 따라 상위 스코프를 결정하는 것이고 두번째는 함수를 어디서 선언하였는지에 따라 상위 스코프를 결정하는 것이다. 첫번째 방식으로 함수의 상위 스코프를 결정한다면 함수 bar의 상위 스코프는 함수 foo와 전역일 것이고, 두번째 방식으로 함수의 스코프를 결정한다면 함수 bar의 스코프는 전역일 것이다.
  프로그래밍 언어는 이 두가지 방식 중 하나의 방식으로 함수의 상위 스코프를 결정한다. 첫번째 방식을 동적 스코프(Dynamic scope)라 하고, 두번째 방식을 렉시컬 스코프(Lexical scope) 또는 정적 스코프(Static scope)라 한다. 자바스크립트를 비롯한 대부분의 프로그래밍 언어는 렉시컬 스코프를 따른다.
  렉시컬 스코프는 함수를 어디서 호출하는지가 아니라 어디에 선언하였는지에 따라 결정된다. 자바스크립트는 렉시컬 스코프를 따르므로 함수를 선언한 시점에 상위 스코프가 결정된다. 함수를 어디에서 호출하였는지는 스코프 결정에 아무런 의미를 주지 않는다. 위 예제의 함수 bar는 전역에 선언되었다. 따라서 함수 bar의 상위 스코프는 전역 스코프이고 위 예제는 전역 변수 x의 값 1을 두번 출력한다.

closure

• 페어분과 함께 고민했던 클로저 함수 파트. 선언 키워드 여부와 함께 외부/내부 함수 구조를 파악하는 일이 쉽지 않았다. 또한 함수 선언과 실행은 다르다는 것. 뭔가 아직 명확히 이해를 하지 못한 것 같다.