浅谈Javascript单线程和事件循环.doc资源-CSDN文库

版权申诉

159 浏览量 2022-07-08 13:41:39 上传评论收藏 6.29MB DOC 举报

资源推荐

资源详情

资源评论

浅谈 Javascript 单线程和事件循环

单线程

Javascript 是单线程的，意味着不会有其他线程来竞争。为什么是单线程呢？

假设 Javascript 是多线程的，有两个线程，分别对同一个元素进行操作：

function changeValue() {

const e = document.getElementById(“ele1”);

if (e) {

e.value = “VALUE”;

}

}

function deleteElement() {

const e = document.getElementById(“ele1”);

if (e) {

e.remove();

}

}

一个线程将执行 changeValue() 函数，如果元素存在就修改元素的值；一个线程将执行

deleteElement() 函数，如果元素存在就删除元素。此时在多线程的条件下，两个函数同时执

行，线程 1 执行，判断元素存在，准备执行修改值的代码 e.value = “VALUE”;，此时线程 2

抢占了 CPU，执行了 deleteElement() 函数，完整的执行结束，成功删除了元素，CPU 的

控制权回到了线程 1，线程 1 继续执行剩下的代码，也就是将要执行的 e.value =

“VALUE”;，然而因为这个元素被线程 2 删除了，获取不到元素，修改元素的值失败！

能够发现，浏览器环境下，不管有几个线程，都是共享同一个文档（Document），对 DOM

的频繁操作，多线程将带来极大的不稳定性。如果是单线程，则能够保证对 DOM 的操作

是极其稳定和可预见的。你永远不用担心有别的线程抢占了资源，做了什么操作而影响到原

来的线程。

由于单线程，JS 一次只能处理一个任务，在该任务处理完成之前，其他任务必须等待。

这一点非常重要，在理解下面的事件循环前，首先得明确这个概念。

事件循环

如你所见，因为浏览器执行 Javascript 是单线程，所以一次只能够执行一个任务。那么当

出现多个要执行的任务，其他尚未执行的任务在什么地方等待呢？

为了能够让任务有个可以等待执行的地方，浏览器就建立了一个队列，所有的任务都在队

列里等待，当要执行任务的时候，就从队列的队头里拿一个任务来执行，执行过程中，其他

任务继续等待。当任务执行完之后，再从队列里拿下一个任务来执行。

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余9页未读，立即下载

内容反馈

版权申诉

书博教育

粉丝: 1
资源: 2837

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip