【JS基础】JS的执行机制

1. 同步任务和异步任务

1.1 同步任务

同步任务都在主线程上执行，形成一个执行栈。

1.2 异步任务

JS的异步任务是通过回调函数实现的。
一般而言，异步任务主要有以下3种类型：

1. 普通事件，click、resize等；
2. 资源加载，load、error等；
3. 定时器，包括setInterval、setTimeout等；

异步任务相关回调函数添加到任务队列（又称消息队列）中。

2. JS 执行任务的步骤

1. 先执行执行栈中的同步任务；
2. 异步任务（回调函数）放入任务队列中；
3. 一旦执行栈中所有同步任务执行完毕，系统就会按次序读取任务队列中的异步任务，于是被读取的异步任务结束等待状态，进入执行栈，开始执行。
   
   由于主线程不断地重复获取任务、执行任务，再获取任务、再执行，这种机制被称为事件循环（event loop）。