async/await和Promise的关系
async和await是我们进行Promise时的一个语法糖,async/await为了让我们书写代码时更加流畅,增强了代码的可读性。简单来说:async-await 是建立在 promise机制之上的,并不能取代其地位。
- async 写在函数前,声明该函数为 async函数;
- await 后面跟表达式,但一般只使用在 Promise对象;
- async 和 await 一般是联合使用
- async 和 await 两种语法结合可以让异步代码像同步代码一样执行
async 函数
async 函数的返回值是必是一个 Promise 对象
async function basicDemo() {
let result = await Math.random();
console.log(result);//0.6828463497057475
}
basicDemo();
返回 Promise 对象的状态由 async 函数执行后的返回值决定
1、只要返回值不是一个Promise对象,那么返回的结果就是一个成功的Promise对象,包括没有返回值的状态(相当于返回了一个resolve()的promise 。then的时候取到的是undefined)
2、如果返回的结果是一个Promise对象,那么函数返回的 Promise的状态将由返回值的 Promise对象的状态决定
async function fu(){
// 返回的结果是一个失败的 Promise对象
return new Promise((resolve,reject)=>{
// 设置状态为成功
resolve('成功返回的数据');
// 设置状态为失败
reject("失败的错误");
});
}
let result = fu();
console.log(result);
await 表达式
1、await必须写在async函数中
2、await要放在async函数中,但是async可以没有await
3、await右侧跟的是表达式,但一般为 Promise对象。如果跟的是一般表达式,就和普通的一行表达式无二,会立即执行。如果await的是 promise对象会造成异步函数停止执行并且等待 promise 的解决,
4、await的结果:
await 表达式存在返回结果,它的结果就是Promise成功时返回的值;
await的Promise失败了,就会抛出异常,需要通过try…catch捕获处理;