欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript多線程詳解

 更新時間:2015年08月12日 11:08:43   作者:dsq1030  
雖然有越來越多的網站在應用AJAX技術進行開發(fā),但是構建一個復雜的AJAX應用仍然是一個難題。接下來小編給大家介紹JavaScript多線程,需要的朋友可以參考下

雖然有越來越多的網站在應用AJAX技術進行開發(fā),但是構建一個復雜的AJAX應用仍然是一個難題。

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

大家都知道javascript是單線程執(zhí)行的,但是又可以通過setTimeout或者setInterval定時執(zhí)行一個方法,通過Ajax可以在向服務器端發(fā)送請求沒有收到回應可以繼續(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í)行結果為

hello: 0.124ms

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

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

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

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

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

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

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

相關文章

  • js實現(xiàn)櫥窗展示效果

    js實現(xiàn)櫥窗展示效果

    這篇文章主要為大家詳細介紹了js實現(xiàn)櫥窗展示效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-01-01
  • JavaScript中事件流冒泡的原理與實現(xiàn)

    JavaScript中事件流冒泡的原理與實現(xiàn)

    在JavaScript中,事件流冒泡是一種非常重要的概念,它是指事件從最內層的元素開始,逐級向外傳播到最外層元素的過程,下面我們就來了解下JavaScript中事件流冒泡的原理與實現(xiàn)吧
    2023-11-11
  • javascript檢查瀏覽器是否已經啟用XX功能

    javascript檢查瀏覽器是否已經啟用XX功能

    本文給大家分享的是檢測瀏覽器是否支持cookie功能,檢查瀏覽器是否已經啟用Java支持功能以及獲取當前瀏覽器的信息,十分的實用,有需要的小伙伴可以參考下。
    2015-07-07
  • IE6-IE9不支持table.innerHTML的解決方法分享

    IE6-IE9不支持table.innerHTML的解決方法分享

    讓ie6-ie9支持table.innerHTML,其實這里只是對table做了處理,對其他不支持的元素可以用類似的方案
    2012-09-09
  • 基于javascript中的typeof和類型判斷(詳解)

    基于javascript中的typeof和類型判斷(詳解)

    下面小編就為大家?guī)硪黄趈avascript中的typeof和類型判斷(詳解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • JavaScript學習點滴 call、apply的區(qū)別

    JavaScript學習點滴 call、apply的區(qū)別

    對于apply和call兩者在作用上是相同的,但兩者在參數(shù)上有區(qū)別的。
    2010-10-10
  • 利用js正則表達式驗證手機號,email地址,郵政編碼

    利用js正則表達式驗證手機號,email地址,郵政編碼

    利用js正則表達式驗證手機號,email地址,郵政編碼。需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • 原生JS實現(xiàn)音樂播放器

    原生JS實現(xiàn)音樂播放器

    這篇文章主要為大家詳細介紹了原生JS音樂播放器,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-01-01
  • js解決movebox移動問題

    js解決movebox移動問題

    這篇文章主要為大家詳細介紹了js解決movebox移動問題,取消圖片默認拖動事件,感興趣的小伙伴們可以參考一下
    2016-03-03
  • JS基本遍歷方法詳解

    JS基本遍歷方法詳解

    這篇文章主要給大家介紹了JS基本遍歷方法,for,for...in,for...of,文章通過代碼示例介紹的非常詳細,具有一定的參考價值,需要的朋友可以參考下
    2023-09-09

最新評論