1. 程式人生 > >javascript到底是不是單執行緒?

javascript到底是不是單執行緒?

JavaScript官方給出的答案是肯定的,它是單執行緒

那為什麼還會有ajax非同步傳送和回撥請求呢,而且serTimeout看起來也像是多執行緒的結果啊?

看這段程式碼

function foo(){
				console.log(1);
				setTimeout(function(){
					console.log(2)
				},5)
			}
			for(var i=0;i<100;i++){
				foo();
			}

程式執行結果是輸出完所有的“1”之後又把所有的“2”輸出了,說好了5ms就要輸出一次“2”呢,怎麼不領了,下面進入討論正題

JavaScript毫無疑問是單執行緒的

因為JS執行在瀏覽器的js引擎中,是單執行緒的,每個window一個JS執行緒,既然是單執行緒的,在某個特定的時刻只有特定的程式碼能夠被執行,並阻塞其它的程式碼。而瀏覽器是事件驅動的(Event driven),瀏覽器中很多行為是非同步(Asynchronized)的,會建立事件並放入執行佇列中。javascript引擎是單執行緒處理它的任務佇列,你可以理解成就是普通函式和回撥函式構成的佇列。當非同步事件發生時,如mouse click, a timer firing, or an XMLHttpRequest completing(滑鼠點選事件發生、定時器觸發事件發生、XMLHttpRequest完成回撥觸發等),將他們放入執行佇列,等待當前程式碼執行完成。

非同步事件驅動

前面已經提到瀏覽器是事件驅動的(Event driven),瀏覽器中很多行為是非同步(Asynchronized)的,例如:滑鼠點選事件、視窗大小拖拉事件、定時器觸發事件、XMLHttpRequest完成回撥等。當一個非同步事件發生的時候,它就進入事件佇列。瀏覽器有一個內部大訊息迴圈,Event Loop(事件迴圈)會輪詢大的事件佇列並處理事件。例如,瀏覽器當前正在忙於處理onclick事件,這時另外一個事件發生了(如:window onSize),這個非同步事件就被放入事件佇列等待處理,只有前面的處理完畢了,空閒了才會執行這個事件。setTimeout也是一樣,當呼叫的時候,js引擎會啟動定時器timer,大約xxms以後執行xxx,當定時器時間到,就把該事件放到主事件佇列等待處理(瀏覽器不忙的時候才會真正執行)。

瀏覽器不是單執行緒的

雖然JS執行在瀏覽器中,是單執行緒的,每個window一個JS執行緒,但瀏覽器不是單執行緒的,比如會有如下執行緒

  • JavaScript引擎執行緒
  • 介面渲染執行緒
  • 瀏覽器事件觸發執行緒
  • http請求執行緒

瀏覽器會單獨開啟一個輪詢Event loop事件佇列的執行緒,把需要執行的事件丟到js執行緒的事件佇列中等待執行。

Ajax非同步請求是否真的非同步?

既然說JavaScript是單執行緒執行的,那麼XMLHttpRequest在連線後是否真的非同步?

請求確實是非同步的,這請求是由瀏覽器新開一個執行緒請求(見前面的瀏覽器多執行緒)。當請求的狀態變更時,如果先前已設定回撥,這非同步執行緒就產生狀態變更事件放到 JavaScript引擎的事件處理佇列中等待處理。當瀏覽器空閒的時候出佇列任務被處理,JavaScript引擎始終是單執行緒執行回撥函式。javascript引擎確實是單執行緒處理它的任務佇列,能理解成就是普通函式和回撥函式構成的佇列。

總結一下,Ajax請求確實是非同步的,這請求是由瀏覽器新開一個執行緒請求,事件回撥的時候是放入Event loop單執行緒事件佇列等候處理。