這篇文章主要講解了“javascript怎么區(qū)分進(jìn)程和線程”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“javascript怎么區(qū)分進(jìn)程和線程”吧！
區(qū)分進(jìn)程和線程：
進(jìn)程：正在運(yùn)行中的應(yīng)用程序。每個(gè)進(jìn)程都自己獨(dú)立的內(nèi)存空間。例如：打開的瀏覽器就是一個(gè)進(jìn)程。
線程：進(jìn)程的子集，是獨(dú)立的。線程在共享的內(nèi)存空間中運(yùn)行。
瀏覽器是多進(jìn)程的。如下圖：
并且每打開一個(gè)頁(yè)面就創(chuàng)建了一個(gè)獨(dú)立的進(jìn)程。進(jìn)程內(nèi)有自己的多線程。如果瀏覽器是單進(jìn)程的，那么某個(gè)頁(yè)面崩了，就會(huì)影響整個(gè)瀏覽器。
瀏覽器有哪些進(jìn)程：
1、Browser(瀏覽器)：瀏覽器的主進(jìn)程（負(fù)責(zé)協(xié)調(diào)，主控）只有一個(gè)，作用有：
? 負(fù)責(zé)瀏覽器界面顯示，與用戶交互。如前進(jìn)，后退等
? 負(fù)責(zé)各個(gè)頁(yè)面的管理，創(chuàng)建和銷毀其他進(jìn)程
? 將Renderer（渲染器）進(jìn)程得到的內(nèi)存中的Bitmap，繪制到用戶界面上
? 網(wǎng)絡(luò)資源的管理，下載等
2、第三方插件進(jìn)程：每種類型的插件對(duì)應(yīng)一個(gè)進(jìn)程，僅當(dāng)使用該插件時(shí)才創(chuàng)建
3、GPU進(jìn)程：最多一個(gè)，用于3D繪制等
4、瀏覽器渲染進(jìn)程（瀏覽器內(nèi)核）（Renderer（渲染器），內(nèi)部是多線程的）默認(rèn)每個(gè)Tab頁(yè)面一個(gè)進(jìn)程，互不影響。主要作用 ：頁(yè)面渲染，腳本執(zhí)行，事件處理等
瀏覽器渲染進(jìn)程（瀏覽器內(nèi)核）包含的線程：
1、GUI渲染線程
? 負(fù)責(zé)渲染瀏覽器界面，解析HTML，CSS，構(gòu)建DOM樹和RenderObject樹，布局和繪制等。
? 當(dāng)界面需要重繪（Repaint）或由于某種操作引發(fā)回流(reflow)時(shí)，該線程就會(huì)執(zhí)行
? 注意，GUI渲染線程與JS引擎線程是互斥的，當(dāng)JS引擎執(zhí)行時(shí)GUI線程會(huì)被掛起（相當(dāng)于被凍結(jié)了），GUI更新會(huì)被保存在一個(gè)隊(duì)列中等到JS引擎空閑時(shí)立即被執(zhí)行。
2、JS引擎線程(
“JavaScript 引擎”通常被稱作一種 虛擬機(jī)。也稱為JS內(nèi)核，負(fù)責(zé)處理Javascript腳本程序。（例如V8引擎）
? JS引擎線程負(fù)責(zé)解析Javascript腳本，運(yùn)行代碼。
? JS引擎一直等待著任務(wù)隊(duì)列中任務(wù)的到來(lái)，然后加以處理，一個(gè)Tab頁(yè)（renderer進(jìn)程）中無(wú)論什么時(shí)候都只有一個(gè)JS線程在運(yùn)行JS程序
? 同樣注意，GUI渲染線程與JS引擎線程是互斥的，所以如果JS執(zhí)行的時(shí)間過(guò)長(zhǎng)，這樣就會(huì)造成頁(yè)面的渲染不連貫，導(dǎo)致頁(yè)面渲染加載阻塞。
3、事件觸發(fā)線程
? 歸屬于瀏覽器而不是JS引擎，用來(lái)控制事件循環(huán)（可以理解，JS引擎自己都忙不過(guò)來(lái)，需要瀏覽器另開線程協(xié)助）
? 當(dāng)JS引擎執(zhí)行代碼塊如setTimeOut時(shí)（也可來(lái)自瀏覽器內(nèi)核的其他線程,如鼠標(biāo)點(diǎn)擊、AJAX異步請(qǐng)求等），會(huì)將對(duì)應(yīng)任務(wù)添加到事件線程中
? 當(dāng)對(duì)應(yīng)的事件符合觸發(fā)條件被觸發(fā)時(shí)，該線程會(huì)把事件添加到待處理隊(duì)列的隊(duì)尾，等待JS引擎的處理
? 注意，由于JS的單線程關(guān)系，所以這些待處理隊(duì)列中的事件都得排隊(duì)等待JS引擎處理（當(dāng)JS引擎空閑時(shí)才會(huì)去執(zhí)行）
4. 定時(shí)觸發(fā)器線程
? 傳說(shuō)中的setInterval與setTimeout所在線程
? 瀏覽器定時(shí)計(jì)數(shù)器并不是由JavaScript引擎計(jì)數(shù)的,（因?yàn)镴avaScript引擎是單線程的, 如果處于阻塞線程狀態(tài)就會(huì)影響記計(jì)時(shí)的準(zhǔn)確）
? 因此通過(guò)單獨(dú)線程來(lái)計(jì)時(shí)并觸發(fā)定時(shí)（計(jì)時(shí)完畢后，添加到事件隊(duì)列中，等待JS引擎空閑后執(zhí)行）
? 注意，W3C在HTML標(biāo)準(zhǔn)中規(guī)定，規(guī)定要求setTimeout中低于4ms的時(shí)間間隔算為4ms。
5、異步http請(qǐng)求線程
? 在XMLHttpRequest在連接后是通過(guò)瀏覽器新開一個(gè)線程請(qǐng)求
? 將檢測(cè)到狀態(tài)變更時(shí)，如果設(shè)置有回調(diào)函數(shù)，異步線程就產(chǎn)生狀態(tài)變更事件，將這個(gè)回調(diào)再放入事件隊(duì)列中。再由JavaScript引擎執(zhí)行。
GUI渲染線程與JS引擎線程互斥：
由于JavaScript是可操縱DOM的，如果在修改這些元素屬性同時(shí)渲染界面（即JS線程和UI線程同時(shí)運(yùn)行），那么渲染線程前后獲得的元素?cái)?shù)據(jù)就可能不一致了。因此為了防止渲染出現(xiàn)不可預(yù)期的結(jié)果，瀏覽器設(shè)置GUI渲染線程與JS引擎為互斥的關(guān)系，當(dāng)JS引擎執(zhí)行時(shí)GUI線程會(huì)被掛起，GUI更新則會(huì)被保存在一個(gè)隊(duì)列中等到JS引擎線程空閑時(shí)立即被執(zhí)行。
js執(zhí)行機(jī)制：js是單線程的，每當(dāng)執(zhí)行函數(shù)就把函數(shù)推入棧中，但有異步的操作就讓瀏覽器的線程（webAPI）去處理，處理完放到任務(wù)隊(duì)列里，當(dāng)主線程（執(zhí)行棧）執(zhí)行完畢時(shí)，如果任務(wù)隊(duì)列里有任務(wù)，就執(zhí)行。
這也就是為什么下面代碼會(huì)先輸出b,然后是a的原因。settimeout的函數(shù)會(huì)放到任務(wù)隊(duì)列中，而console.log('b')是主線程。
重慶分公司
重慶分公司
setTimeout(() => { console.log('a');}, 0);console.log('b');感謝各位的閱讀，以上就是“javascript怎么區(qū)分進(jìn)程和線程”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)javascript怎么區(qū)分進(jìn)程和線程這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！
