雖然有越來越多的網站在應用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多執行緒的理解,個人理解能力有限,也望各位大俠提成寶貴意見,共同學習。希望以上介紹對大家有幫助。