JavaScript async 函数怎么在事件循环中避免阻塞-js教程-PHP中文网

`async` 函数在事件循环中如何避免阻塞

async 函数通过返回 promise 对象，将耗时操作（如 i/o、网络请求）交给底层异步 api 处理，自身立即返回控制权给事件循环。开发者只需使用 await 关键字暂停当前协程的执行，等待 promise 状态变为 fulfilled 或 rejected 后，再将回调任务推入微任务队列。这样既保证了代码的同步写法可读性，又避免了主线程被长时间占用。

JavaScript async 函数怎么在事件循环中避免阻塞

对比同步与异步执行流程的差异

同步代码会直接阻塞后续逻辑，而异步代码利用事件循环机制实现非阻塞。关键在于理解 await 并非让线程休眠，而是挂起当前函数的执行上下文，直到异步操作完成。以下程序展示了这一过程：

JavaScript async 函数怎么在事件循环中避免阻塞

const fs = require('fs');

function syncRead() {
    console.log('Start Sync');
    const data = fs.readFileSync('./test.txt', 'utf8'); // 阻塞
    console.log('Sync Data:', data);
}

async function asyncRead() {
    console.log('Start Async');
    const data = await fs.promises.readFile('./test.txt', 'utf8'); // 非阻塞
    console.log('Async Data:', data);
}

console.log('Before calls');
syncRead();
asyncRead();
console.log('After calls');

预期结果：控制台先打印 'Start Sync'，读取文件后打印 'Sync Data'，然后回到主流程打印 'After calls'。而 'Start Async' 和 'Async Data' 会在 'After calls' 之后，由事件循环调度执行。

Java 开发专家

精通 Java 21+，掌握虚拟线程、模式匹配和 Spring Boot 3.x 等现代特性。是 Java 生态系统（包括 GraalVM、Project Lo

下载

基于 Promise 链式调用的具体行为分析

当 async 函数内部发生错误时，它会返回一个 rejected 状态的 Promise。此时可以通过 .catch() 或外层 try...catch 捕获异常。若未处理，该未捕获的拒绝（Unhandled Rejection）会导致进程警告甚至崩溃。此外，多个 await 串行执行会依次等待，若需并行则应使用 Promise.all。

JavaScript async 函数怎么在事件循环中避免阻塞

async function fetchData() {
    try {
        const res = await fetch('https://api.example.com/data');
        if (!res.ok) throw new Error('Network error');
        return await res.json();
    } catch (err) {
        console.error('Fetch failed:', err.message);
        return null;
    }
}

fetchData().then(data => console.log(data));