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多線程的理解,個人理解能力有限,還望各位大俠提成寶貴意見,共同學習。希望以上介紹對大家有所幫助。
相關文章
IE6-IE9不支持table.innerHTML的解決方法分享
讓ie6-ie9支持table.innerHTML,其實這里只是對table做了處理,對其他不支持的元素可以用類似的方案2012-09-09JavaScript學習點滴 call、apply的區(qū)別
對于apply和call兩者在作用上是相同的,但兩者在參數(shù)上有區(qū)別的。2010-10-10