异步函数—async/await-优快云博客

本文链接：https://blog.youkuaiyun.com/sanjun_done/article/details/115430908

本文介绍了ES8中async/await的使用，它解决了Promise链式调用的问题，使得异步代码更加同步化。async函数返回Promise，await用于等待Promise结果，并能捕获异常。通过示例展示了如何在async函数中使用await处理多个Promise任务，以及异常处理。async/await提供了更清晰的代码结构，降低了异步编程的复杂性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

异步函数——async/await

ES8中的async/await旨在解决利用异步结构组织代码的问题。

async函数

async函数返回的是一个Promise对象

async function test(){
    return '123';
}
const res = test();
console.log(res);
//控制台输出：

在这里插入图片描述

await函数

await必须要放在async函数中
await返回的是Promise成功的值

await的promise失败，就会抛出异常，需要try-catch捕获并处理

const p = new Promise((resolve,reject)=>{
  		resolve('成功！');  
})
async function test(){
    let res = await p;
    console.log(res);
}
test();//调用函数
//控制台输出：成功！

//await的premise失败，需要用try-catch捕获
const p = new Promise((resolve,reject)=>{
  		reject('失败！');  
})
async function test(){
    try{
        let res = await p;
    	console.log(res);
    } catch(e){
      console.log(e);  
    }
}
test();//调用函数
//控制台输出：失败！

async/await结合使用

//
function request1(){
    return new Promise((resolve,reject)=>{
        //读取资源代码
    })
}
function request2(){
    return new Promise((resolve,reject)=>{
        //读取资源代码
    })
}
function request3(){
    return new Promise((resolve,reject)=>{
        //读取资源代码
    })
}
//以上三个函数返回结果都是Promise对象
//声明一个async函数
async function test(){
    //获取所读取到的内容
    const result1 = await request1();
    const result2 = await request2();
    const result3 = await request3();
    console.log(result1);
    console.log(result2);
    console.log(result3);
}
//调用
test();