Javascript 同步和异步进程优先级

Question

尽管是单线程的，但我正在研究 javascript 的异步行为，我在评论指出此代码：

request(..., function (error, response, body)  
    console.log('foo);  
});  
    callAComputationallyIntensiveSynchronousFunctionThatTakesSixHoursToExecute();  
console.log('bar');  

'bar' 仍然会出现在 'foo' 之前，因为 Javascript 总是首先完成当前正在执行的函数。事件永远不会中断函数。

我知道同步函数执行的优先级高于事件，但我不明白为什么 'bar' 会在 'foo' 之前打印。根据我的阅读，应该进行异步调用，然后在响应准备好之前填充死时间，它会继续处理其他代码行直到准备好，然后它应该执行响应的回调函数然后返回处理代码等等。

然而，上面的例子表明，即使响应在同步函数完成执行之前很久就准备好了，它仍然会继续执行下一行代码。这是为什么呢？

Answer 1

在 JavaScript 中，一切都是函数。同步函数和异步函数之间没有区别。 唯一的区别是调用这些函数的方式。所以“sync”/“async”对于程序员来说是一个抽象的概念，让交流更容易。

JavaScript 的实际工作原理：

JavaScript 有一个等待执行的“函数”队列。每次您创建一个新的“异步函数”时，都会将其添加到此队列中。例如，当您执行setTimeout()、ajax 调用或仅仅是浏览器触发的“onClick”之类的 DOM 事件时，就会发生这种情况。

如果一个特定的函数在 JS 中执行，它永远不会被中断——它会一直运行到它完成（返回）。之后，运行时（浏览器）查看队列，决定接下来应该执行哪个函数，然后调用它——等待它完成。

在上面的示例中，浏览器当前正在执行将打印“bar”的函数。此执行在完成之前不能被中断，因此首先打印“bar”。但是，在执行期间，会创建一个新的异步函数并将其推送到执行队列。只有在 "bar" 被打印后，运行时才会在队列中查找 "foo" 函数并执行它。

这样做的负面影响是长时间运行的任务。在执行这样的功能时，浏览器无法执行任何其他操作。甚至没有渲染/更新页面。因此，如果您有一段代码运行 10 秒，那么用户在函数完成之前无法与网站交互。原因是所有用户事件，如鼠标移动、点击和滚动事件都在排队，直到线程完成长时间运行的任务才能处理。

使用 JavaScript 进行多线程

在 HTML5 中，JavaScript 现在有机会使用 web workers 来使用多个线程。但这是一个完全不同的话题，超出了这个问题的范围。请记住，理论上是可行的。