JavaScript的消息机制

JavaScript本身是单线程的，但它却是事件驱动的。类似Windows窗体应用程序，它也需要消息队列机制来实现。程序的执行并不是连续的，绝大多数时间都在等待消息。每次执行执行程序都是在响应消息，这样就可以把消息当作一种类似作用域的东西来处理。
　　消息是什么？说白了就是事件，只是有很多系统事件是不需要我们自己来处理的。比如Paint事件，也许你听都没听过，这就是因为它没有在JavaScript中的接口。还有初始化事件，当一个JavaScript载入完成时，里面的代码就需要执行，这就是初始化事件触发的。也就是说，代码载入完成后会接收到一个初始化消息，这个消息的工作就是执行代码。初始化事件就涉及到了JavaScript，但是它的工作只是执行代码，我们无法指定它做别的事情。剩下的还有用户事件，比如鼠标事件、键盘事件、计时器事件，等这些是可以为它们指定动作的。
　　现在回头来看单线程的JavaScript。其实说JavaScript单线程还不够确切，整个网页的工作都是单线程的，JavaScript只是其中之一。如果你在页面上放一个死循环，就会导致整个页面不响应，包括HTML和CSS都会不响应。当然有些组件是有自己的线程，所以不会被死循环影响，咱就不说它们了。那么，页面为什么不响应呢？这就是因为线程被死循环占用了。这时候，即使有消息传入（事件触发）也没有线程可以来运行事件的程序了。这些需要等待处理的消息就会被放入消息队列中，这个模式和Windows窗体应用程序是一样的。所以我们也对JavaScript引入消息机制这个概念。
　　我之前一直都没意识到这个东西的重要性，所以没写这篇。但是很多东西都使用了消息机制的概念，如果不写这篇文章就无法在其它文章中描述清楚。之前的文章也有涉及到了消息机制的，比如“indexedDB的事务机制”，将要写的关于WebGL的文章也会用到这个。现在，咱先来看一段代码吧
var a=0;
setTimeout(function(){a++});
for(var i=0;i<1E9;i++);
console.log(a); //无论上面循环多少次都是输出0　　这个代码加载完成后，程序会收到它的初始化消息，也就是会运行这个代码。或者说，这个代码的运行就是在处理初始化消息。第二行的setTimeout会给当前程序发送一个计时器消息。但是当前线程正在处理初始化消息，哪有空理会这个新的消息呀？于是这个消息就暂时被放入消息队列中，等待初始化消息处理完成。第三行的for，无论循环多少次，它都是在初始化消息中的。就算这个循环是需要很长事件才能完成的，初始化消息也不会释放线程的控制权给其它消息。只要等初始化消息被全部处理完之后线程的控制权才会被释放，然后才会处理消息队列中的其它消息。
　　也许没多少内容，不过这个概念很重要的。

 

 

原文链接：http://www.web-tinker.com/article/20164.html