js는 코드 컨텍스트 라는 특정 영역안에서 코드를 실행하고 있었음

자바스크립트 코드가 실행될 때 필요한 환경을 제공해주는 객체

실행 컨텍스트

레코드 객체

• 생성
  • 선언된 부분 기록
    • 완성된 기록
      • var, function
    • 미완성된 기록
      • let, const
• 실행
  • 생성단계에서 시록된 코드를 참조하여 코드를 실행하거나 업데이트
  • 업데이트 → 미완성된 기록 업데이트
    • 미완성된 기록이 업데이트 되기 전까지는 참조 불가
    • 완성된 기록은 참조 가능

아우터

• 밑에 깔려 있는 실행 컨텍스트의 연결 통로 역할
• 밑 → 위로는 참조 불가

console.log도 메서드이기 때문에 실행 컨텍스트 생성됨

콜스택

<aside> 💡 js 코드를 실행시키는 스택 자료구조

</aside>

1. 실행 버튼누르면 콜스택에 실행 컨텍스트라는 영역을 만듦

   ⇒ 전역 실행 컨텍스트라고 부름

   하나의 전역 실행 컨텍스트 안에서 코드가 실행됨

2. 실행 끝나면 실행 컨텍스트 제거

3. 모든 컨텍스트가 사라지면 실행 종료

전역 실행 컨텍스트 안에는 record, outer 라는 두 개의 개체가 있음

모든 컨텍스트가 동일하게 가짐

var uname = "soy"
console.log(uname)

• record: 생성 → 실행
  • 실행할 코드 생성
    • 코드 전체를 훑으며 변수, 선언 기록
    • var / let, const 키워드에 따라 생성단계 동작이 다름
    • var: undefined로 초기화해줌
    • let, const: 변수 존재만 확인하고 초기화해주지 않음
  • 실행
    • 변수, 선언값 참조해서 코드 실행
    • 업데이트하는 역할
    • 실행 단계에서 할당된 값(”soy”)을 인지하고 값을 적용

console.log(uname)
var uname = "soy"

// undefined

에러가 아닌 undefined 출력

• 생성 단계에서 uname이 undefined가 되고 생성 단계 종료

• 실행 단계에서 생성 단계에서 기록된 값을 기반 코드를 실행

• 에러 발생 없이 undefined 출력

• 만약 let, const로 선언되면 에러 발생

  • 값이 없는데 참조하려해서 에러 → 미완선된 선언으로 판단

• outer: 위에서 아래로 컨텍스트 연결