JS事件循环机制

2021-12-06 00:07:08   2  举报





AI智能生成

JS事件循环机制

javascript

前端开发

事件循环

运行机制

学习笔记

模版推荐

作者其他创作

大纲/内容

JS事件循环机制是什么

指用户代理为了协调事件、用户交互、脚本、渲染、网络（这里说了5个点）等等必须使用的事件循环机制。

html standard:  To coordinate events, user interaction, scripts, rendering, networking, and so forth,  user agents must use event loops as described in this section.  Each agent has an associated event loop, which is unique to that agent.

事件循环机制并不是 js 本身实现的， 而是 js 的执行环境做的事情，比如浏览器或者 node 。

JS为什么要有事件循环机制

js 是单线程工作的

采用单线程工作的原因

最早的设计初衷：运行在浏览器的脚本语言，实现页面交互。 核心是 dom 操作，必须使用单线程，否则会出现复杂的线程同步问题。 如果有多个线程一起工作，其中一个线程修改了某个 dom 元素，另一个线程同时删除了这个元素， 此时浏览器将无法明确以哪个线程的结果为准。

为了解决耗时任务阻塞执行的问题有了异步模式

同步任务

在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。

异步任务

不进入主线程、而进入"任务队列"（task queue）的任务。

因为有了异步模式所以要有事件循环机制

并发模型与事件循环