首頁 > web前端 > js教程 > 主體

JavaScript多執行緒詳解_javascript技巧

WBOY
發布: 2016-05-16 15:45:37
原創
1218 人瀏覽過

雖然有越來越多的網站在應用AJAX技術進行開發,但是建立一個複雜的AJAX應用程式仍然是一個難題。

造成這些困難的主要原因是什麼呢?是與伺服器的非同步通訊問題?還是GUI程式設計問題呢?通常這兩項工作都是由桌面程式來完成的,那究竟為何開發一個可以實現相同功能的AJAX應用程式就這麼困難呢?

大家都知道javascript是單執行緒執行的,但是又可以透過setTimeout或是setInterval定時執行一個方法,透過Ajax可以在向伺服器端發送請求沒有收到回應可以繼續執行主邏輯。這些是如何做到的呢,以下就來探討下。

先看以下一段程式碼:

<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>
登入後複製

以上程式碼得執行結果為

hello: 0.124ms
登入後複製

從程式碼可以看出,printHello 與printHello1幾乎是同時執行的。如果對於多執行緒模型,應該執行間隔是4000ms。

以上的原因是setTimeout只是將事件到時間點壓入佇列,而不是立即執行。具體何時執行還要看瀏覽器的空閒程度。

其實雖然javascript是單線程的,但是瀏覽器是多線程的,典型的瀏覽器有以下線程:

javascript引擎線程
介面渲染執行緒
瀏覽器事件觸發線程
Http請求線程

javascript單執行緒指的是javascript引擎執行緒單執行緒處理它的事件佇列,而瀏覽器是事件驅動的,很多事件都是非同步的,例如滑鼠點擊事件,setTimeout,Ajax回呼事件,當這些事件發生時,瀏覽器會將這些事件放入執行佇列,待瀏覽器空閒時再執行。

另外,值得一提的是,ajax呼叫確實是異步的,瀏覽器會啟動一個新線程來想服務端發送請求,如果設定了回調事件,會根據服務端返回狀態將回調事件放入事件隊列。

以上所述是本人對JavaScript多執行緒的理解,個人理解能力有限,也望各位大俠提成寶貴意見,共同學習。希望以上介紹對大家有幫助。

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板