雖然有越來越多的網站在應用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多線程的理解,個人理解能力有限,還望各位大俠提成寶貴意見,共同學習。希望以上介紹對大家有所幫助。
新聞熱點
疑難解答