从现象看浏览器中js单线程运行

100 阅读 0 评论 66 点赞

我是靠谱客的博主干净大碗，最近开发中收集的这篇文章主要介绍从现象看浏览器中js单线程运行，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

1．浏览器创建进程的现象

图片描述
如图所示默认的情况下打开浏览器，会创建以上进程。主要的三个为：浏览器进程，GPU进程，和一个默念的标签页进程。当打开浏览器的时候，浏览器也会为你开启的每一个插件创建一个进程。

当我们点击创建一个新的标签页时，浏览器同样会创建一个新的进程

2．创建线程的现象

当打开多个空白标签页时，浏览器并不会为每一个空白标签创建一个进程。而是创建一个线程。
图片描述

从上图可以得出结论，一个域名（包含子域名）共享一个进程。从这个进程中的任何一个线程网页中新打开一个标签页（比如通过标签链接打开），都会新建一个线程。

结论：
1．默念有浏览器进程，GPU进程，和打开插件的进程
2．新建标签，并输入不同域名，会创建一个进程
3．在同一个进程下，打开的标签页，都是隶属这个进程下的线程，如在百度搜索下，点击进入react网站
图片描述
3．对js单线程运行的理解

在windows的任务管理器上，我们会发现，当前激活的标签页，会在主进程下的线程上运行。
所以，我认为我们每打开一个网页标签，浏览器都会创建一个线程。当我们浏览某个网页的时候，js引擎就会切换到这个网页线程上运行。