快捷導(dǎo)航

JavaScript多線程詳解

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

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

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

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

大家都知道javascript是單線程執(zhí)行的，但是又可以通過setTimeout或者setInterval定時(shí)執(zhí)行一個(gè)方法，通過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幾乎是同時(shí)執(zhí)行的。如果對于多線程模型，應(yīng)該執(zhí)行間隔是4000ms。

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

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

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

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

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

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

您可能感興趣的文章: