Re: [討論] javascript是共時、多執行緒嗎?

看板Ajax作者senser (彷彿曾經一起死過)時間13年前 (2011/11/05 19:29)推噓3(3推 0噓 8→)

留言11則, 4人參與討論串3/11 (看更多)

跟大家分享一下我對一般常見的browser處理javascript的認知有錯誤請大家不吝指教先回答標題好了就我所知目前javascript在browser的implementeation中在一個"window"下中只有一個thread 在這種情況下你可以說javascript是單一thread 事實上大部分的時候我們只要以這出發點來考慮問題就足夠了然而如果你的頁面中有iframe 他會有另外一個window去維護另一個thread 在同網域下他甚至可以存取相同的global物件造成所謂的race condition 在這種狀況下你可以說javascript 是 multi-thread 我想也是合理的 ======================= 所以說與其討論javascript到底是不是multi-thread 其實應該討論的問題是 browser的實作方式首先我們開啟一個頁面在這個window中會開啟一個thread 處理包括 1.html的parse 2.dispatching of events 3.執行javascript 然後在parse的過程中如果遇到某些tag像是img, embed, iframe,object 等等他會開啟另外一個thread去下載,render,或是執行iframe裡面的js等等這也是為甚麼我們會看到在load一個網頁下載圖片是分開的每張獨立下載獨立顯示同時這種作法也大大加速了我們顯示整個網頁的速度而這和我們的問題有甚麼關係呢? 在我們前端開發人員的聖經"High Performance Web Sites"中提到我們應該盡量的把javascript放在網頁的下面為甚麼呢因為在同一個window的single thread中如果遇到<script> html parsing的動作會停下來直到 1.下載 javascript(如果是外部連結的話) 2.parse 3.執行三個動作結束後才會繼續往下如果這個javascript特別久那下面網頁就久久不parse,整個page loading就卡在那裏所以呢你應該已經猜到在你load page時不同<script>間的javascript執行一定是分開的只有一段<script>跑完才有機會繼續往下parse HTML 也才有機會遇到另外一個<script> 然後執行它而這個部分我相信每個人都可以直觀的觀察到這是single thread的感覺那為甚麼有人會提出這類的問題我想主要是因為javascript的一些feature如ajax,timer,alert...等等造成困惑要理解這些困惑我們要先理解 javascript是怎麼被執行的以下有兩種狀況會執行js 1.page load時立刻執行的js 2.event handler 第一種我們已經討論過了很單純的由上往下一個一個來第二腫在js中我們都視為一種callback 當事件引發時才會執行在browser對js的處理中它maintain一個queue叫做 "Dispatch Sequence" 當事件觸發時會立刻把handler放到裡面(這動作叫作dispatch) 然後根據先來後到的順序執行handler 而在這過程中當前一個handler沒跑完之前下一個hander不會被執行所以說 js依然是single thread timeout,或是ajax callback等等我們都要視為是一個event 一樣是用這個規則在跑所以 timeout 5秒不一定會在5秒時跑 ajax callback也不一定會在respose 抵達時馬上 fire 一切都要看前面的handler執行完了沒輪到他了沒 (題外話 alert 是個special case, 每個browser不太一樣 , 寫js的人要盡量少用) 那最後回到我們的問題來那個alert ABCD會不會交叉出現呢答案是不會 (alert要少用像是sk1765的test case就非常好) 相信你已經知道在timeout中的function A B都是一個event handler(callback) 在執行時會結束才有可能去執行另一個所以不會ABCD交叉出現最後我想說的是 js要看成是 event-driven的東西用thread去分析就會陷入把他拆成一行一行看的陷阱而event-driven 產生的timing issue 對我來說也是js bug中最難trace的一種文章寫的有點長但其實還有很多細節 opera這篇文章寫得非常非常好有興趣的各位可以參考看看 http://dev.opera.com/articles/view/timing-and-synchronization-in-javascript/ ※ 引述《TonyQ (自立而後立人。)》之銘言： : ※ 引述《ec75413 (無虧/明月幾時有?)》之銘言： : : 在這裡沒找到類似的討論串網路上中文的也很少 : : 但英文還算不少 : : 所以把這個議題放上來。 : : 不知這個問題已經是老梗了還是...? : javascript 是同步的 : 也就是不會有兩行 statement 同時執行的 : 但是他可以是多執行續。 : 也就是假設你有一個 funciont 是 : function A(){ : alert("A"); : alert("B"); : } : function B(){ : alert("C"); : alert("D"); : } : 透過 setTimeout / setItnerval , : 是有可能會發生這樣的執行序 : alert("A");//from A : alert("C");//from B : alert("B");//from A : alert("D");//from B : 你把 js 底層的引擎想像成一個 queue ， : 有要執行的指令就推進去，引擎會去跑他， : 但同時間他只能處理一個指令。 : 一般當你真的很需要控制執行的順序的時候， : 我們會多加幾個 flag 作為 lock ，或者自己實做queue。 : 但是基本上 javascript 要作到 java 的 synchronized keyword 做的事情， : 是沒有辦法保證一定做的到的，最好盡量避免這麼嚴苛的狀況。:P -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 71.107.60.113