자바스크립트 코드가 실행되는 방식

JavaScript의 모든 것은 "실행 컨텍스트"내에서 발생합니다. JavaScript 프로그램이 실행될 때마다 실행 컨텍스트가 생성됩니다.

var number=10;  //line1 
function add(n) //line2
{               //line3
var result=n+n; //line4
return result;  //line5
} 

var result1=add(4); //line6

위의 코드를 실행하면 전역 실행 컨텍스트(GEC)가 생성됩니다. 두 단계로 생성됩니다.

1) 생성 단계 또는 메모리 생성

이 단계에서 javascript는 프로그램에 있는 모든 변수와 함수에 메모리를 할당합니다. 변수는 정의되지 않은 값으로 저장되고 함수는 해당 특정 함수에 있는 모든 코드와 함께 저장됩니다. 위의 코드에서 변수 번호는 정의되지 않은 값으로 저장되고 함수 add는 {...} 중괄호 b/w 값으로 저장됩니다. result1도 변수이므로 정의되지 않은 값으로 저장됩니다.

2)코드 실행 단계

이 단계에서 기본 실행이 이루어지고 javascript가 코드를 한 줄씩 실행합니다. 이제 숫자 값이 정의되지 않음에서 10으로 변경됩니다. 그런 다음 실행할 것이 없으므로 다음 행으로 이동합니다. 5행으로 이동합니다. 5행에서 함수 호출이 발생합니다. 새 함수가 호출되면 GEC 내에서 새 실행 컨텍스트가 생성됩니다.

이제 다시 위의 프로세스가 두 단계로 반복되지만 추가 기능에만 해당됩니다. 함수가 완전히 실행된 후 해당 특정 함수에 대해 생성된 실행 컨텍스트는 자동으로 삭제됩니다.

이제 전체 자바스크립트 프로그램이 완전히 실행되면 GEC도 삭제됩니다.

호출 스택도 자바스크립트에 의해 유지됩니다. 호출 스택은 "실행 컨텍스트 실행 순서"를 유지합니다. 실행 컨텍스트를 호출한 새 함수가 호출 스택으로 푸시될 때마다 스택과 유사하게 작동합니다.

GEC는 프로그램 시작 시 생성되고 모든 새 실행 컨텍스트가 맨 위에 푸시되므로 호출 스택의 맨 아래에 있습니다. 따라서 함수 실행이 완료되면 실행 컨텍스트도 호출 스택에서 제거됩니다.



이 기사가 도움이 되었기를 바랍니다.
이 기사를 읽어 주셔서 감사합니다.