JavaScript通过事件循环实现异步非阻塞，核心为回调、Promise与async/await；执行时先同步代码，再微任务（如Promise），最后宏任务（如setTimeout），输出顺序体现调用栈与任务队列优先级。
JavaScript 是单线程语言，但它通过异步编程模型实现了高效的非阻塞操作。理解异步编程与事件循环机制，是掌握 JavaScript 执行模型的关键。
异步编程的核心：回调、Promise 与 async/await
JavaScript 中的异步操作最初依赖回调函数实现，例如定时器和事件监听：
setTimeout(() => console.log("延迟执行"), 1000);但多层嵌套容易导致“回调地狱”。为解决此问题，Promise 被引入，它表示一个异步操作的最终完成或失败：
const promise = new Promise((resolve, reject) => {setTimeout(() => resolve("成功"), 1000);
});
promise.then(result => console.log(result));
async/await 是基于 Promise 的语法糖，让异步代码看起来像同步代码，提升可读性：
立即学习“Java免费学习笔记（深入）”；
async function fetchData() {const result = await promise;
console.log(result);
}
fetchData();
事件循环：调用栈、任务队列与微任务队列
JavaScript 引擎在执行代码时维护一个调用栈，同步代码依次入栈执行。异步任务则被推入不同的队列等待处理。
事件循环持续检查调用栈是否为空，若空，则从任务队列中取出一个任务执行。但微任务（如 Promise 回调）具有更高优先级：
- 每次调用栈清空后，事件循环会先清空微任务队列中的所有任务
- 之后才从宏任务队列（如 setTimeout、DOM 事件）中取下一个任务
这意味着 Promise 的 .then 回调会在当前宏任务结束后立即执行，而不是等待下一轮事件循环。
实际执行顺序示例
以下代码能清晰展示执行顺序：
console.log('1');setTimeout(() => console.log('2'), 0);
Promise.resolve().then(() => console.log('3'));
console.log('4');
// 输出顺序：1 → 4 → 3 → 2
解释：'1' 和 '4' 是同步代码，最先输出；'3' 属于微任务，在本轮宏任务结束后执行；'2' 是宏任务，进入下一轮事件循环才执行。
浏览器环境与 Node.js 的差异
虽然核心机制一致，但浏览器和 Node.js 在任务队列的细分上略有不同。Node.js 存在更多的阶段划分，如 poll、check 阶段，setImmediate() 属于 check 阶段，通常在 nextTick（类似微任务）之后执行。
开发中应避免依赖精确的执行时序，尤其是跨环境项目。使用 Promise 或 async/await 可减少因环境差异带来的不确定性。
基本上就这些。掌握异步流程和事件循环，才能写出高效且可预测的 JavaScript 代码。不复杂但容易忽略细节。
