前端经典面试题合集, 介绍一下 JS 中 setTimeout 的运行机制?

Step 1

Q:: 面试题

A:: 介绍一下 JS 中 setTimeout 的运行机制？

Step 1

Q:: 答案

A:: setTimeout 是 JavaScript 中用于设定定时器的函数。它的基本工作原理是将指定的代码在指定的延迟时间后执行。setTimeout 是异步的，这意味着它不会阻塞主线程的执行。它将任务放入事件队列中，并在主线程空闲时执行。具体流程是：1. 调用 setTimeout 函数，并传入回调函数和延迟时间。2. 主线程继续执行其他代码。3. 当延迟时间结束，回调函数被放入事件队列。4. 事件循环机制检测到主线程空闲时，从事件队列中取出回调函数并执行。

Step 2

Q:: 面试题

A:: 事件循环机制是什么？

Step 2

Q:: 答案

A:: 事件循环（Event Loop）是 JavaScript 运行时的一部分，负责执行代码、收集和处理事件以及执行 queued 的子任务。它使得 JavaScript 能够进行非阻塞式的异步编程。在事件循环中，有一个或多个消息队列，事件循环会不断地从这些队列中取出消息，并处理它们。每个消息会对应一个回调函数，当回调函数执行完毕后，事件循环会继续取下一个消息。

Step 3

Q:: 面试题

A:: 宏任务和微任务的区别是什么？

Step 3

Q:: 答案

A:: 宏任务（Macro-task）和微任务（Micro-task）是事件循环中的两种任务类型。宏任务包括整体代码执行、setTimeout、setInterval 等；微任务包括 Promise.then、process.nextTick 等。事件循环每次执行一个宏任务时，会先检查微任务队列并清空微任务队列，然后再执行下一个宏任务。这意味着微任务总是会在当前宏任务之后、下一个宏任务之前执行。