JS에서의 작용 영역 체인 분석

작용역 체인의 형성

JS의 모든 함수는 자신의 실행 환경을 가지고 있으며, 모든 실행 환경에는 이에 대응하는 변수 대상이 있다.예를 들면 다음과 같습니다.

var a = 2
function fn () {
  var a = 1
  console.log(a) 
}
fn() //    1

fn을 함수로 fn 실행 환경에 대응하는 변수 대상으로 사용할 수 있습니다. 이 변수 대상은 코드를 통해 접근할 수 없지만 JS는
엔진은 코드를 해석할 때 그것을 사용할 것이다.
왜 위 함수 중의 fn이 실행된 후에 1을 출력하는지 다들 아시겠지만 왜 1을 출력했는지 위의 변수 대상으로 이해하면 답을 얻을 수 있습니다.실제로

console.log(a)
//    
console.log(fn.a)

이 fn은 바로 함수 fn에 대응하는 변수 대상이다. 우리는 코드를 통해 그것을 얻을 수 없지만 JS 엔진은 그것을 사용할 수 있고 그것을 이용하여 변수 a를 찾았다.
지금 다시 다음 상황을 생각해 보자.

var a = 3
function fn1() {
  var a = 2
  function fn2() {
    console.log(a)
  }
  fn2()
}
fn1() //    2

왜 3이 아니라 2를 내보냅니까?
이것은 작용역 체인을 나타낸다. 함수 fn2에 대응하는 변수 대상은 fn2이고 함수 fn1에 대응하는 변수 대상은 fn1이며 전역 실행 환경에 대응하는 변수 대상은 window 대상이다.코드의 변수 a가 fn2에서 찾을 수 없을 때 부모 환경 fn1에 대응하는 변수 대상 fn1에서 찾을 수 없습니다. a 변수가 있으면 사용하십시오.
실제로 이 검색 과정은 역할 체인을 따라 찾는 과정이다.
하나의 함수가 실행될 때 변수 대상(함수가 실행될 때 활동 대상이라고도 부른다)으로 구성된 역할 체인을 만들 것이다. 역할 체인의 전단은 현재 코드가 실행되는 환경에 대응하는 변수 대상(즉 fn2)이고 다음 변수 대상은 부모 환경에 대응하는 변수 대상(즉 fn1)에서 전역 실행 환경에 대응하는 변수 대상인 window까지이다.
따라서 위 코드의 역할 체인은 fn1-> fn2-> window입니다. 식별자를 찾는 순서는 역할 체인을 따라 맨 앞부분부터 뒤로 검색하고 어떤 변수 대상에서 찾으면 뒤로 검색을 중지합니다.

연장 역할 영역 체인

기왕 우리가 작용역 체인의 전단이 현재 운행 환경이 있는 변수 대상이라는 것을 알고 있는 이상 작용역 체인의 전단의 변수 대상을 인위적으로 바꿀 수 있을까?
답은 긍정적이다.
1)try-catch 문장 블록의catch 활용
catch 문장 블록에 새로운 변수 대상을 만들고 역할 체인의 맨 앞에 있습니다. 버려진 오류 대상에 대한 설명이 포함되어 있습니다.
2) with 문
with 문장에서 지정한 대상을 역할 체인의 맨 앞에 추가합니다.