如何理解JavaScript中的事件运行机制？

本文共计1840个文字，预计阅读时间需要8分钟。

目录

一、四个概念

1.JavaScript是单线程

2.任务队列

3.同步任务、异步任务

4.JavaScript执行栈

二、Event Loop

1.事件循环

2.实战

目录

• 一、四个概念
• 1、Javascript是单线程
  
• 2、任务队列
  
• 3、同步任务、异步任务
  
• 4、Javascript执行栈
  
• 二、Event Loop
• 三、实战

一、四个概念

1、Javascript是单线程

单线程意味着我们的js代码只能从上往下同步执行，同一时间只能执行一个任务，这会导致某些执行时间较长或者执行时间不确定的任务会卡住其它任务的正常执行，Event Loop出现的原因正是为了解决此问题。

2、任务队列

为了解决上述的排队问题，有了任务队列，浏览器在异步任务有了结果后，将其添加到任务队列，以待将来执行，其他任务就在主线程上同步执行。