스코프와 컨텍스트는 JavaScript에서 중요한 개념입니다. 이 두 가지는 코드에서 변수와 함수에 접근할 수 있는 범위를 결정하는 데 관여합니다. 스코프는 변수와 함수의 가시성을 정의하고, 컨텍스트는 함수가 실행될 때의 환경을 의미합니다.

스코프 (Scope)

스코프는 JavaScript에서 변수와 함수가 언제, 어디에서 사용될 수 있는지를 결정합니다. 스코프는 정적인 개념이며, 코드 작성 시간에 결정되고 함수가 호출되었을 때 변경되지 않습니다.

전역 스코프는 프로그램의 최상위에 위치하며, 어디에서든 접근할 수 있는 변수와 함수를 정의할 수 있습니다. 반면, 지역 스코프는 함수 내부에서 정의되며, 해당 함수 내부에서만 접근할 수 있는 변수와 함수를 정의합니다.

스코프 체인(scope chain)은 스코프가 중첩되어 있을 때 변수와 함수에 접근하는 메커니즘입니다. 스코프 체인은 현재 스코프에서 변수나 함수를 찾지 못하면 외부 스코프로 이동하여 찾는 방식으로 동작합니다.

컨텍스트 (Context)

컨텍스트는 함수가 호출될 때 생성되는 실행 환경을 나타냅니다. 함수가 실행될 때, 현재 실행되는 코드에 대한 정보가 컨텍스트 객체에 저장됩니다. 컨텍스트 객체는 변수, 함수, 매개변수 등을 포함하며, 어떤 객체가 this로 참조되는지도 결정합니다.

컨텍스트는 전역 컨텍스트와 함수 컨텍스트로 나눌 수 있습니다. 전역 컨텍스트는 프로그램이 시작될 때 생성되며, 전역 변수와 함수를 포함합니다. 함수 컨텍스트는 함수가 호출될 때마다 생성되며, 해당 함수 내부에서 정의된 변수와 함수를 포함합니다.

컨텍스트 스택(context stack)은 실행 중인 함수의 컨텍스트를 저장하는 스택입니다. 함수가 호출되면 해당 함수의 컨텍스트가 스택의 맨 위에 푸시되고, 함수가 종료되면 스택에서 팝됩니다. 이를 통해 함수 호출과 반환 시 컨텍스트를 관리할 수 있습니다.

결론

스코프와 컨텍스트는 JavaScript에서 변수와 함수의 가시성과 실행 환경을 정의하는 데 중요한 역할을 합니다. 스코프는 변수와 함수가 어디서 접근 가능한지를 결정하고, 컨텍스트는 함수가 실행될 때의 환경을 지정합니다. 이를 이해하고 적절하게 활용하는 것은 JavaScript를 잘 다루는 데 필수적입니다.

#JavaScript #스코프 #컨텍스트