> 웹 프론트엔드 > JS 튜토리얼 > JS는 뒤에서 어떻게 작동하나요?

JS는 뒤에서 어떻게 작동하나요?

DDD
풀어 주다: 2024-09-18 21:50:02
원래의
1033명이 탐색했습니다.

How JS works behind the scenes?

JavaScript 작동 방식

JavaScript는 단일 스레드 환경에서 작동합니다. 즉, 한 번에 하나의 작업을 실행합니다. 전역 또는 기능적일 수 있는 EC(실행 컨텍스트)에서 코드 실행을 처리합니다.

GEC(전역 실행 컨텍스트)

  • 코드 파일이 로드될 때 생성됩니다.

  • GEC는 전역 객체(브라우저에서는 창)와 this 키워드를 설정하는 역할을 담당합니다.

  • 전역 범위에서 선언된 모든 변수와 함수는 전역 EC에 저장됩니다.

실행 컨텍스트 단계

  • 메모리 생성 단계:
    메모리 단계에서 JavaScript는 변수와 함수에 메모리를 할당합니다.
    변수에는 처음에 undefine 값이 할당되는 반면, 함수는 전체 정의와 함께 메모리에 저장됩니다.

  • 실행 단계:
    메모리 할당 단계가 끝나면 JavaScript는 코드를 한 줄씩 실행하기 시작합니다.
    변수에 실제값이 할당되고 함수가 실행됩니다.

FEC(기능 실행 컨텍스트)

  • 함수가 호출될 때마다 JavaScript는 해당 함수에 대해 특별히 새로운 실행 컨텍스트를 생성합니다.

  • 각 함수의 실행 컨텍스트는 두 단계로 구성됩니다.

  • 메모리 단계: 메모리는 지역 변수와 함수 내부의 함수에 할당됩니다.

  • 실행 단계: 함수 본문이 실행되고 변수는 실제 값을 가져옵니다.

  • 실행 후에는 함수의 실행 컨텍스트가 파괴되어 메모리가 확보됩니다.

반품 명세서
함수가 return 문에 도달하면 함수는 즉시 종료되고 해당 실행 컨텍스트는 호출 스택에서 제거됩니다. return 문 뒤에 작성된 코드는 실행되지 않습니다.

콜 스택
JavaScript는 호출 스택을 사용하여 실행 컨텍스트를 관리합니다.

  • LIFO(Last In, First Out) 개념을 사용합니다.

  • 함수가 호출되면 해당 실행 컨텍스트가 스택 상단에 배치됩니다.

  • 함수가 완료되면(또는 반환에 도달하면) 해당 실행 컨텍스트가 스택에서 제거됩니다.

JavaScript는 단일 스레드입니다

단일 스레드는 JavaScript가 한 번에 하나의 작업만 수행할 수 있다는 것을 의미하지만 여전히 비동기 작업을 수행할 수 있다는 점은 그다지 흥미롭지 않습니다. 다음 게시물에서는 JavaScript의 놀라운 기능에 대해 논의할 것입니다.

위 내용은 JS는 뒤에서 어떻게 작동하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿