js引擎线程

最新推荐文章于 2023-08-01 09:33:17 发布

紫菜菌

最新推荐文章于 2023-08-01 09:33:17 发布

阅读量507

点赞数 2

分类专栏： js基础文章标签： javascript 前端

本文链接：https://blog.csdn.net/caiyyu/article/details/104979110

版权

js基础专栏收录该内容

26 篇文章 0 订阅

订阅专栏

浏览器包括4个进程：
主进程（Browser进程），浏览器只有一个主进程，负责资源下载，界面展示等主要基础功能
GPU进程，负责3D图示绘制
第三方插件进程，负责第三方插件处理
渲染进程（Renderer进程），负责js执行，页面渲染等功能，也是本章重点内容
渲染进程主要包括GUI渲染线程、Js引擎线程、事件循环线程、定时器线程、http异步线程。

JS引擎线程
js引擎线程就是js内核，负责解析与执行js代码，也称为主线程。浏览器同时只能有一个JS引擎线程在运行JS程序，所以js是单线程运行的。

需要注意的是，js引擎线程和GUI渲染线程同时只能有一个工作，js引擎线程会阻塞GUI渲染线程

<html>
    <body>
        <div id="div1"> a </div>
        <script>
            document.getElementById('div1').innerHTML = 'b'
        </script>
        <div id='div2'> div2 </div>
    </body>
</html>

在浏览器渲染的时候遇到script标签，就会停止GUI的渲染，然后js引擎线程开始工作，执行里面的js代码，等js执行完毕，js引擎线程停止工作，GUI继续渲染下面的内容。所以如果js执行时间太长就会造成页面卡顿的情况，这也是后面性能优化的点。