码迷,mamicode.com
首页 > 其他好文 > 详细

async/await 和promise的理解

时间:2020-06-15 17:40:57      阅读:59      评论:0      收藏:0      [点我收藏+]

标签:https   ISE   ret   error   函数   ref   row   执行   mis   

语法

async 函数返回一个 Promise 对象
 1.
async function  f() {
    return ‘hello world‘
};
f().then( (v) => console.log(v)) // hello world

2.
async function e(){
    throw new Error(‘error‘);
}
e().then(v => console.log(v))
.catch( e => console.log(e));
async 函数返回的 Promise 对象,必须等到内部所有的 await 命令的 Promise 对象执行完,才会发生状态改变
const delay = timeout => new Promise(resolve=> {
      setTimeout(()=>{
            console.log(timeout);
            resolve();      
      }, timeout)
});
async function f(){
    console.log(‘begin‘);
    await delay(1000);
    await delay(500);
    await delay(200);
    console.log(‘end‘);  
    return ‘done‘;
}

f().then(v => console.log(v)); // 等待1700ms后才输出 ‘done‘

正常情况下,await 命令后面跟着的是 Promise ,如果不是的话,也会被转换成一个 立即 resolve 的 Promise
async function  f() {
    return await 1
};
f().then( (v) => console.log(v)) // 1
Async 函数的错误处理
/ 正确的写法
let a;
async function correct() {
    try {
        await Promise.reject(‘error‘)
    } catch (error) {
        console.log(error);
    }
    a = await 1;
    return a;
}

correct().then(v => console.log(a)); // 1

文献参考:
1.https://juejin.im/post/596e142d5188254b532ce2da
2.https://juejin.im/post/5b9db6925188255c3b7d78cb

async/await 和promise的理解

标签:https   ISE   ret   error   函数   ref   row   执行   mis   

原文地址:https://www.cnblogs.com/miaSlady/p/13132009.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!