js 举个微任务，宏任务的例子

好的，举一个微任务的例子，比如在 Promise 中的 then 和 catch 方法就是微任务。而宏任务的例子可以是使用 setTimeout 或 setInterval 方法设置的定时器，或者是通过 addEventListener 注册的 DOM 事件。

相关问题

宏任务和微任务

在 JavaScript 中，宏任务和微任务都是异步操作的执行单元。

宏任务包括：script（整体代码）、setTimeout、setInterval、I/O 操作、UI 渲染等。当执行完一个宏任务后，会清空所有微任务队列，然后执行下一个宏任务。

微任务包括：Promise.then、Promise.catch、Promise.finally、MutationObserver 等。当一个微任务队列中的所有任务都执行完毕后，会立即执行下一个宏任务。如果在执行微任务过程中又产生了新的微任务，则会加入到当前微任务队列的末尾，等待下一次执行。

举个例子：

console.log('start');

setTimeout(function () {
  console.log('setTimeout');
}, 0);

Promise.resolve()
  .then(function () {
    console.log('promise1');
  })
  .then(function () {
    console.log('promise2');
  });

console.log('end');

输出的结果为：

start
end
promise1
promise2
setTimeout

因为 setTimeout 是一个宏任务，所以会先执行整个 script，输出 start 和 end，然后将 setTimeout 加入到宏任务队列中。而 Promise.then 是一个微任务，所以会在当前宏任务执行完毕后立即执行，输出 promise1 和 promise2。最后执行宏任务队列中的 setTimeout，输出 setTimeout。

宏任务和微任务？

宏任务和微任务是 JavaScript 中的两种异步任务执行机制。

宏任务（Macrotask）是由浏览器发起的任务，例如 I/O 操作、setTimeout、setInterval 等，它们会被添加到任务队列中等待执行。在执行宏任务的过程中，如果遇到微任务，会先执行微任务队列中的任务。

微任务（Microtask）是由 JavaScript 引擎发起的任务，例如 Promise、MutationObserver 等，它们也会被添加到任务队列中等待执行，但是它们的执行优先级高于宏任务。在一个宏任务执行完成后，会立即执行所有微任务队列中的任务，直到微任务队列为空为止。

举个例子，当执行以下代码时：

console.log('宏任务1');

setTimeout(() => {
  console.log('宏任务2');
  Promise.resolve().then(() => {
    console.log('微任务1');
  });
}, 0);

Promise.resolve().then(() => {
  console.log('微任务2');
});

console.log('宏任务3');

输出的结果为：

宏任务1
宏任务3
微任务2
宏任务2
微任务1

在执行过程中，先执行宏任务1，然后添加宏任务2和微任务2到任务队列中，然后执行宏任务3，再执行微任务2，接着执行宏任务2并将微任务1添加到任务队列中，最后执行微任务1。

了解宏任务和微任务的执行机制对于编写高效的异步代码非常重要。