在前端中微任务会在什么时候执行请给出简单代码示例和应用场景

微任务会在主任务执行完毕之后立即执行。

简单代码示例：

console.log('1');

setTimeout(() => {
  console.log('2');
}, 0);

Promise.resolve().then(() => {
  console.log('3');
});

console.log('4');

上述代码中，首先输出1，然后使用setTimeout设置一个定时器，在0毫秒后输出2。接着使用Promise.resolve().then()创建一个微任务，在主任务执行完毕后输出3。最后输出4。

应用场景：

• 异步操作的回调函数：当需要在异步操作完成后执行一些逻辑时，可以使用微任务来处理回调函数，以保证在异步操作完成后立即执行相关逻辑。
• 批量更新UI：当需要进行频繁的UI更新时，可以使用微任务来批量更新UI，以提高性能。例如，在Vue.js中，异步更新DOM的操作会被放入微任务队列中，以便于批量更新DOM。