[10분 테코톡] 💙 하루의 실행 컨텍스트

---

호이스팅현상

• 선언문이 마치 최상단에 끌어올려진 듯한 현상

• console.log(TVChannel); // undefined 출력
  
  var TVChannel = "NetFlix"

• 자바 스크립트 엔진이 먼저 전체 코드를 스캔해서 변수 같은 정보를 실행 컨텍스트 Record(환경 record)에 미리 저장시켜준다.

  • 환경 레코드 ? ==> 식별자와 식별자에 바인딩된 값을 기록해준다.

• 호이스팅은 2가지가 존재한다.

  • Variable Hoisting (변수 호이스팅)

    • var 와 let ,const 의 경우 존재

      • var (선언과 초기화 동시에 발생)

        • 본격적인 실행에 앞서서 먼저 스킨을하고 생성(생성단계)을 한다음 undefined로 채워넣어준다.
        • 그후 선언문 외의 나머지 코드를 순차적으로 실행(실행 단계)
        • 생성단계에서 생성한 변수를 참조하거나 업데이트를 진행한다.
        • 위쪽의 코드 예시

      • let,const (선언만 발생)

        • 이경우에는 변수는 만들지만 초기화는 진행하지않는다 .

          • 그렇기 떄문에 console.log가 변수가 선언되고 값을 넣기전에 실행되면 reference error 가 발생

          • console.log(TVChannel); // -> reference error 발생
            
            //이쪽 부분을 일시적 사각지대로 부른다.
            ---
            const TVChannel = "NetFlix"

  • Function Hoisting(함수 호이스팅)

  • var 타입의 함수의 경우 선언문 이전에 실행하려하면 함수의 값은 undefined이지만 undefined라는 데이터타입은 함수와 달리 호출이 불가능하기 때문에 타입 에러 발생

  • study() // 타입 에러 발생
    
    var study(){
        
    };

  • const는 reference error 발생

  • study() // referenec Error 발생
    
    --// 일시적 사각지대
    const study(){
        
    };
    

  • function(함수 선언문) 으로 함수를 만들시 study함수 선언과 동시에 완성된 객체를 환경레코드에 기록

    • 이로 인해 에러없이 실행이된다.
    • 함수 선언문 -> 선언과 동시에 함수가 생성되어 선언 전에도 함수를 사용할 수있다.

---

Outer로 JS 스코프체이닝 이해하기

Outer : 외부 환경 참조

• 바깥 Lexical 환경을 가리킨다 (정적환경이라고도한다.)
• 원칙적으로 현재 실행되는 실행컨텍스트에서 먼저 찾은 다음에 없는 경우 outer인 이전 컨텍스트를 찾는다-> 이전것에도 없는 경우 그 전 것을 찾는다. -> 만약 있는경우 그아래에 같은 식별자가 존재해도 찾지않고 출력하고 끝내버린다 -> 이걸 변수 섀도잉이라고 한다.
  • 맨 최상위인 Global Execution Context까지 갔는데 없는경우 이 변수는 없는 것으로 판단하고 reference Error를 찍는다.
  • 변수 섀도잉
    • 동일한 식별자로 인해 상위 스코프에서 선언된 식별자의 값이 가려지는 현상

식별자 결정

• 코드에서 변수나 함수의 값을 결정하는것

---

정리

실행컨텍스트란?

• 코드를 실행하는데 필요한 환경을 제공하는 객체
• 식별자를 더욱 효율적으로 하기 위한 수단.