Async和Await

最新推荐文章于 2024-06-19 10:53:00 发布

皆为山海

最新推荐文章于 2024-06-19 10:53:00 发布

阅读量52

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/CuiXkun/article/details/120603070

版权

本文通过示例介绍了JavaScript中async/await的使用，展示如何优雅地处理异步操作。通过将await与Promise结合，使得异步代码更加同步化，易于理解和维护。在测试异步函数时，利用try/catch捕获错误，实现成功和失败情况的处理。async/await是现代JavaScript异步编程的重要工具，旨在提升代码可读性和开发者体验。

摘要由CSDN通过智能技术生成

await后面接一个会return new promise的函数并执行它
await只能放在async函数里

使用async和await获取成功的结果

function 摇色子(){
    return new Promise((resolve, reject)=>{
        let sino = parseInt(Math.random() * 6 +1)
        setTimeout(()=>{
            resolve(sino)
        },3000)
    })
}
async function test(){
    let n =await 摇色子()
    console.log(n)
}
test()

获取失败的结果

function 摇色子(猜测){
    return new Promise((resolve, reject)=>{
        let sino = parseInt(Math.random() * 6 +1)
        if(sino > 3){
            if(猜测 === '大'){
                resolve(sino)
            }else{
                reject(sino)
            }
        }else{
            if(猜测 === '大'){
                reject(sino)
            }else{
                resolve(sino)
            }
        }
        setTimeout(()=>{
            resolve(sino)
        },300)
    })
}
async function test(){
    try{
        //把await及获取它的值的操作放在try里
        let n =await 摇色子('大')
        console.log('赢了' + n)
    }catch(error){
      //失败的操作放在catch里
        console.log('输了' + error)
    }
}
test()

把await和成功后的操作放到try里，失败的放在catch