快捷導(dǎo)航

JavaScript多線程詳解

更新時間：2015年08月12日 11:08:43 作者：dsq1030

雖然有越來越多的網(wǎng)站在應(yīng)用AJAX技術(shù)進(jìn)行開發(fā)，但是構(gòu)建一個復(fù)雜的AJAX應(yīng)用仍然是一個難題。接下來小編給大家介紹JavaScript多線程，需要的朋友可以參考下

雖然有越來越多的網(wǎng)站在應(yīng)用AJAX技術(shù)進(jìn)行開發(fā)，但是構(gòu)建一個復(fù)雜的AJAX應(yīng)用仍然是一個難題。

造成這些困難的主要原因是什么呢？是與服務(wù)器的異步通信問題？還是GUI程序設(shè)計問題呢？通常這兩項工作都是由桌面程序來完成的，那究竟為何開發(fā)一個可以實現(xiàn)同樣功能的AJAX應(yīng)用就這么困難呢？

大家都知道javascript是單線程執(zhí)行的，但是又可以通過setTimeout或者setInterval定時執(zhí)行一個方法，通過Ajax可以在向服務(wù)器端發(fā)送請求沒有收到回應(yīng)可以繼續(xù)執(zhí)行主邏輯。這些是如何做到的呢，下面就來探討下。

先看如下一段代碼：

<html>
  <body>
  <script type="text/javascript">
    function printHello()
    {
      console.time("hello");
    }
    function printHello1()
    {
      console.timeEnd("hello");
    }
    setTimeout(printHello,1000);
    setTimeout(printHello1,5000);
    function wait(time)
    {
      var now = Date.now();
      while(Date.now() - now < time)
      {
      }
    }
    wait(5000);
  </script>
  </body>
</html>

以上代碼得執(zhí)行結(jié)果為

hello: 0.124ms

從代碼可以看出，printHello 與printHello1幾乎是同時執(zhí)行的。如果對于多線程模型，應(yīng)該執(zhí)行間隔是4000ms。

以上的原因是setTimeout只是將事件到時間點壓入隊列，而不是立即執(zhí)行。具體何時執(zhí)行還要看瀏覽器的空閑程度。

其實雖然javascript是單線程的，但是瀏覽器是多線程的，典型的瀏覽器有如下線程：

javascript引擎線程
界面渲染線程
瀏覽器事件觸發(fā)線程
Http請求線程

javascript單線程指的是javascript引擎線程單線程處理它的事件隊列，而瀏覽器是事件驅(qū)動的，很多事件都是異步的，比如鼠標(biāo)點擊事件，setTimeout，Ajax回調(diào)事件，當(dāng)這些事件發(fā)生時，瀏覽器會將這些事件放入執(zhí)行隊列，待瀏覽器空閑時再執(zhí)行。

另外，值得一提的是，ajax調(diào)用確實是異步的，瀏覽器會啟動一個新線程來想服務(wù)端發(fā)送請求，如果設(shè)置了回調(diào)事件，會根據(jù)服務(wù)端返回狀態(tài)將回調(diào)事件放入事件隊列。

以上所述是本人對JavaScript多線程的理解，個人理解能力有限，還望各位大俠提成寶貴意見，共同學(xué)習(xí)。希望以上介紹對大家有所幫助。

您可能感興趣的文章: