JavaScript 단일 스레드와 작업 대기열이란 무엇입니까?

1. JavaScript는 왜 단일 스레드로 설계되었나요?

JavaScript 언어의 주요 특징은 단일 스레드라는 것입니다. 즉, 한 번에 한 가지 작업만 수행할 수 있다는 것입니다.

for(var j = 0; j < 5; j++) {
 console.log(j);
}
console.log('end');

위 코드는 for 루프가 실행될 때까지 end를 실행하지 않습니다.

JavaScript의 단일 스레드는 그 목적과 관련이 있습니다. 브라우저 스크립팅 언어로서 JavaScript의 주요 목적은 사용자와 상호 작용하고 DOM을 조작하는 것입니다. 이는 단일 스레드만 가능하다는 것을 결정합니다. 그렇지 않으면 매우 복잡한 동기화 문제가 발생합니다.

JavaScript에 동시에 두 개의 스레드가 있다고 가정합니다. 한 스레드는 특정 DOM 노드에 콘텐츠를 추가하고 다른 스레드는 노드를 삭제합니다. 이 경우 브라우저는 어떤 스레드를 사용해야 합니까?

그래서, JavaScript는 복잡성을 피하기 위해 탄생부터 단일 스레드를 사용했으며 이는 이 언어의 핵심 기능이 되었으며 앞으로도 변하지 않을 것입니다.

멀티 코어 CPU의 컴퓨팅 성능을 활용하기 위해 HTML5는 JavaScript 스크립트가 여러 스레드를 생성할 수 있도록 허용하지만 하위 스레드는 기본 스레드에 의해 완전히 제어되며 DOM을 작동해서는 안 되는 Web Worker 표준을 제안합니다. . 따라서 이 새로운 표준은 JavaScript의 단일 스레드 특성을 변경하지 않습니다.

2. 작업 대기열

"작업 대기열"은 이벤트 대기열입니다(메시지 대기열로도 이해 가능). IO 장치가 작업을 완료하면 관련 비동기를 나타내기 위해 이벤트가 "작업 대기열"에 추가됩니다. 작업 "실행 스택"에 들어갈 수 있습니다. 메인 스레드는 "작업 대기열"을 읽습니다. 이는 그 안에 있는 이벤트를 읽는다는 의미입니다.

설명해 보겠습니다.

Javascript는 단일 스레드이므로 모든 작업을 대기열에 넣어야 하며 이전 작업은 대기열에 추가되지 않습니다. 후자의 작업이 끝날 때까지 실행됩니다. 이전 작업이 오래 걸리면 다음 작업은 기다려야 합니다.

큐가 너무 많은 계산으로 인해 발생한다면 CPU 사용량이 많은 것은 이해하지만 IO 장치(입출력 장치)가 매우 느리기 때문에 CPU가 유휴 상태이거나 사용하지 않는 공간이 많은 경우가 많습니다. (예를 들어 Ajax 작업은 네트워크에서 데이터를 읽습니다.) 진행하기 전에 결과가 나올 때까지만 기다릴 수 있습니다.

JavaScript 언어 설계자는 메인 스레드가 IO 장치를 완전히 무시하고 이러한 대기 작업을 일시 중지한 후 나중 작업을 먼저 실행할 수 있다는 것을 깨달았습니다. 보류 중인 작업을 실행하기 전에 IO 장치가 결과를 반환할 때까지 기다리십시오.

따라서 모든 작업은 두 가지 유형으로 나눌 수 있습니다. 하나는 동기 작업(동기)이고 다른 하나는 비동기 작업(비동기)입니다.

동기 작업은 메인 스레드에서 실행 대기 중인 작업을 의미합니다. 다음 작업은 이전 작업이 실행된 후에만 실행될 수 있습니다.

비동기 작업은 메인 스레드에 들어가지 않고 "작업 대기열"에 들어가는 작업을 의미합니다. "(작업 대기열), "작업 대기열"이 메인 스레드에 비동기 작업이 실행될 수 있음을 알리는 경우에만 작업이 실행을 위해 메인 스레드에 들어갑니다.

구체적으로 비동기 실행의 작동 메커니즘은 다음과 같습니다. (동기 실행의 경우에도 마찬가지입니다. 비동기 작업 없이 비동기 실행으로 간주될 수 있기 때문입니다.)

모든 동기 작업은 메인 스레드에서 실행되어 실행 스택을 형성합니다.

메인 스레드 외에 " 작업 대기열"(작업 대기열). 비동기 작업에 실행 결과가 있는 한 이벤트는 "작업 대기열"에 배치됩니다.

"실행 스택"의 모든 동기화 작업이 실행되면 시스템은 "작업 대기열"을 읽어 그 안에 어떤 이벤트가 있는지 확인합니다. 해당 비동기 작업은 대기 상태를 종료하고 실행 스택에 들어가 실행을 시작합니다.

메인 스레드는 위의 세 번째 단계를 반복적으로 실행합니다.

for(var j = 0; j < 5; j++) {
  console.log(j);
  setTimeout(function() {
    console.log('timeout');
  }, 0);
}

console.log('end');

//결과 0 1 2 3 4 종료 시간 초과 시간 초과 시간 초과 시간 초과 시간 초과

위 내용은 JavaScript 단일 스레드와 작업 대기열이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!