JavaScript如何在后台处理AJAX响应？

在幕后，javascript具有事件队列。每次执行javascript线程完成时，它都会检查队列中是否还有其他事件要处理。如果存在，它将退出队列并触发该事件（例如，单击鼠标）。

位于ajax调用下的本机代码网络将知道ajax响应何时完成，并且事件将被添加到javascript事件队列中。本地代码如何知道何时执行ajax调用取决于实现。它可能是用线程实现的，也可能是事件驱动本身的（这并不重要）。实现的重点是，当ajax响应完成时，一些本机代码将知道它已完成并将事件放入JS队列。

如果当时没有运行Javascript，则会立即触发该事件，该事件将运行ajax响应处理程序。如果当时有东西在运行，那么当当前的javascript执行线程完成时，该事件将得到处理。javascript引擎不需要进行任何轮询。当一段Javascript完成执行时，JS引擎仅检查事件队列以查看是否还有其他需要运行的东西。如果是这样，它将弹出队列中的下一个事件并执行它（调用为该事件注册的一个或多个回调函数）。如果事件队列中没有任何内容，则JS解释器将有空闲时间（垃圾回收或空闲），直到某个外部代理将其他内容放入事件队列并再次将其唤醒。

由于所有外部事件都会通过事件队列，并且在javascript实际上正在运行其他事件时不会触发任何事件，因此它保持单线程运行。

这里有一些关于细节的文章：

• Javascript计时器如何工作-John Resig撰写
• 深度事件与时间安排
• W3规范：HTML5事件循环
• 有关事件循环的MDN文章
• JS事件队列上的演示
• JavaScript事件循环：解释
• 帮助驯服异步Javascript的五种模式
• Javascript事件循环演示
• 讨论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');