JavaScript Event Loop相关原理解析

网络编程 2024/12/23 佚名

2 0 1

蝙蝠岛资源网 Design By www.hbtsch.com

1.单线程模型

单线程模型指的是，JavaScript只能在一个线程上运行，也就是说只能同时指向一个任务，其他任务都必须在后面排队等待。注意：虽然JavaScript只在一个线程上运行，但并不代码JavaScript引擎只有一个线程。事实上，JavaScript引擎有多个线程，单个脚本只能在一个线程上运行（主线程），其他线程都是在后台配合。

JavaScript为什么要采用单线程，而不是多线程？

不想让浏览器变得复杂（避免复杂性），因为多线程需要共享资源、且可能修改彼此运行的结果。

该模式会导致的问题？

如果单个任务耗时长，会拖延整个程序的执行，可能导致浏览器无响应（假死）

JavaScript是如何解决这个问题的？

因为单线程的原因，CPU很多时候都闲着的，并且因为IO操作（输入输出）很慢（比如Ajax操作从网络读取数据），这时CPU可以完全不管IO操作，挂起等待中的任务，先运行排在后面的任务。等到IO操作返回了结果，再回过头，把挂起的任务继续执行下去。这种机制就是JavaScript内部采用的“事件循环”机制（Event Loop）

2.同步任务和异步任务

程序里面所有的任务，可以分成两类：同步任务（synchronous）和异步任务（asynchronous)

同步任务：没有被引擎挂起、在主线程上排队执行的任务。只有前一个任务执行完毕，才能执行后一个任务。

异步任务：被引擎放一边、不进行主线程、而进入任务队列的任务。只有引擎认为某个异步任务可以执行了（比如Ajax操作从服务器得到了结果），那么该任务（通过回调函数的形式）才能进入主线程执行。排在异步任务后面的代码，不用等到异步任务结束就会马上运行，也就是说，异步任务不具有“堵塞”效应

3.任务队列和事件循环

JavaScript运行时，除了一个正在运行的主线程（又称为“调用栈(call stack)”），引擎还提供了一个任务队列（task queue），里面是各种需要处理当前程序处理的异步任务。（实际上，根据异步任务的类型，存在多个任务队列，后面再详讲）

1.主线程会去执行所有的同步任务。

2.等到同步任务全部执行完，查看任务队列中的异步任务，将满足条件的重新进入主线程开始执行，这时候就变成同步任务。

3.等任务执行完，下一个异步任务再进入主线程开始执行。

4.引擎不停检查（“事件循环”），一旦任务队列清空，程序就结束执行。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

JavaScript,Event,Loop

标签：

JavaScript,Event,Loop

蝙蝠岛资源网 Design By www.hbtsch.com

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

蝙蝠岛资源网 Design By www.hbtsch.com

评论“JavaScript Event Loop相关原理解析”

暂无JavaScript Event Loop相关原理解析的评论...

www.hbtsch.com 蝙蝠岛资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

更新日志

2024年12月23日

JavaScript Event Loop相关原理解析

JavaScript,Event,Loop

vue实现员工信息录入功能

vue Element左侧无限级菜单实现

评论“JavaScript Event Loop相关原理解析”

更新日志

友情链接