Promise使用

最新推荐文章于 2024-05-04 21:56:09 发布

原创最新推荐文章于 2024-05-04 21:56:09 发布 · 223 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6 #javascript #前端

html 专栏收录该内容

4 篇文章

订阅专栏

这篇博客深入探讨了Promise的基本用法，包括resolve和reject的处理。接着，文章介绍了async/await的组合使用，展示了如何在try-catch块中优雅地处理异步错误。通过实例，解释了如何在异步操作中获取和处理resolve和reject的结果。

1、一般使用

// resolve
new Promise((resolve,reject) => {
    resolve(2222);
}).then(res => {
    // 获取resolve的内容
    console.log(res); // 2222;
})


// reject
new Promise((resolve,reject) => {
    reject('error');
}).then(res => {
    // 获取resolve的内容

}).catch(err => {
    // 获取reject的内容
    console.log(err ); // 'error';
})

2、async、await和try、catch和promise的组合使用

const getVal = () => {
    return new Promise((resolve,reject) => {
        resolve(2222);
    })
}

const getError = () => {
    return new Promise((resolve,reject) => {
        reject('error');
    })
}


const tryCatchVal = async() => {
    try{
        const val = await getVal();
        console.log(val); // 2222
        const error= await getError ();     
    }catch(err){
        console.log(err); // 'error'
    }
}

tryCatchVal();