[javascript] JavaScript는 백그라운드에서 AJAX 응답을 어떻게 처리합니까?

커버 아래에 javascript에는 이벤트 큐가 있습니다. 자바 스크립트 실행 스레드가 완료 될 때마다 처리 할 대기열에 다른 이벤트가 있는지 확인합니다. 있는 경우 대기열에서 가져 와서 해당 이벤트를 트리거합니다 (예 : 마우스 클릭).

ajax 호출에있는 기본 코드 네트워킹은 ajax 응답이 수행되는시기를 알고 이벤트가 javascript 이벤트 큐에 추가됩니다. 원시 코드가 ajax 호출이 수행되는시기를 아는 방법은 구현에 따라 다릅니다. 스레드로 구현되거나 이벤트 중심 자체 일 수도 있습니다 (실제로 중요하지는 않습니다). 구현의 요점은 아약스 응답이 완료되면 일부 원시 코드가 완료되었음을 알리고 이벤트를 JS 큐에 넣는다는 것입니다.

당시에 Javascript가 실행되고 있지 않으면 이벤트가 즉시 트리거되어 ajax 응답 핸들러가 실행됩니다. 그 시점에서 무언가가 실행 중이면 현재 자바 스크립트 실행 스레드가 완료 될 때 이벤트가 처리됩니다. 자바 스크립트 엔진에 의한 폴링이 필요하지 않습니다. Javascript가 실행을 마치면 JS 엔진은 이벤트 큐를 검사하여 실행해야 할 다른 것이 있는지 확인합니다. 그렇다면, 다음 이벤트를 큐에서 팝하고 실행합니다 (해당 이벤트에 등록 된 하나 이상의 콜백 함수 호출). 이벤트 큐에 아무것도 없으면, JS 외부 인터프리터는 일부 외부 에이전트가 이벤트 큐에 다른 것을 넣고 다시 깨울 때까지 여유 시간 (가비지 콜렉션 또는 유휴)을 갖습니다.

모든 외부 이벤트는 이벤트 큐를 통과하고 자바 스크립트가 실제로 다른 것을 실행하는 동안 이벤트가 트리거되지 않으므로 단일 스레드 상태로 유지됩니다.

자세한 내용은 다음과 같습니다.

• Javascript 타이머 작동 방식-John Resig 작성
• 심도있는 이벤트 및 타이밍
• W3 사양 : HTML5 이벤트 루프
• 이벤트 루프에 대한 MDN 기사
• JS 이벤트 큐에서 프리젠 테이션
• JavaScript 이벤트 루프 : 설명
• 비동기 자바 스크립트를 길들이는 데 도움이되는 5 가지 패턴
• 자바 스크립트 이벤트 루프 프레젠테이션
• Javascript 작동 방식에 대한 비디오 (10:27의 이벤트 루프 포함)

답변

var xhr = new XMLHttpRequest();

var t = Date.now;
xhr.open( "GET", "https://swx.cdn.skype.com/shared/v/1.2.15/SkypeBootstrap.min.js?v="+t(), true );

xhr.onload = function( e ) {
		console.log(t() + ': step 3');
    
    alert(this.response.substr(0,20));
};
console.log(t() + ': step 1');
xhr.send();
console.log(t() + ': step 2');