promise升级版async,await来袭,搭配try+catch更香哦

promise升级版async,await来袭,搭配try+catch更香哦：https://blog.csdn.net/wxiao_xiao_miao/article/details/120375060

 

async,await 是es7中新增的语法，用来进一步改进异步代码的写法，是promise升级版！

async await号称异步的终极解决方案，async await之后再无回调

金句：

1.await关键字只能用在被async修饰的函数内；

2.await的作用是在async函数内, 局部等待后面Promise的成功的结果，即await就是用来取代then函数的；

3.一旦await后面Promise报错, 代码就不会往下执行了

4.若想进一步捕获同步代码报错, 则使用try+catch关键字

//try、catch语法:
// try { 可能会报错的同步代码 }
// catch (err) {
// 一旦try里的代码报错了, 直接进入这里执行
// }
执行流程
在执行async函数(设名为asyncF)时，进入函数内部： - 按序执行同步代码，- 遇到await，跳出asyncF函数。

const p1 = new Promise((resolve, reject) => {
setTimeout(()=>resolve(100), 3000)
})
async function f () {
console.log('开始执行f')
var a = await p1
console.log('p1完成了')
console.log(a)
return 1
}

console.log('主函数运行...')
const res = f()
console.log('f()完成，返回值是', res)
res.then(res => { console.log(res) })

//执行结果：
//主函数运行...
//开始执行f
//f()完成，返回值是 Promise { <pending> }
//----此处等了3s----
//p1完成了
//100
//1
async
函数返回一个 Promise 对象，可以使用then方法添加回调函数。

function f1 () {
return 1
}
async function f2 () {
return 1
}
async function f3 () {}
const r1 = f1()
const r2 = f2()
const r3 = f3()
console.log(r1) // 1
console.log(r2) // Promise, resolved(1)
console.log(r3) // Promise, resolved(undefined)
r2.then(res => { console.log(res) }) //1
r3.then(res => { console.log(res) }) //undefined
async的返回值
async函数返回的 Promise 对象，必须等到内部所有await命令后面的 Promise 对象执行完，才会发生状态改变，除非遇到return语句或者抛出错误。也就是说，只有async函数内部的异步操作执行完，才会执行then方法指定的回调函数。

const p1 = new Promise((resolve, reject) => {
setTimeout(() => resolve(100), 3000)
})

const p2 = new Promise((resolve, reject) => {
setTimeout(() => resolve(200), 5000)
})
async function f () {
console.log('开始执行f')
var a = await p1
console.log('p1完成了')
var b = await p2
console.log('p2完成了')
return a + b
}

console.log('主函数运行...')
const res = f()
console.log('f()完成，返回值是', res)
res.then(res => { console.log(res) })

//执行结果
//主函数运行...
//开始执行f
//f()完成，返回值是 Promise { <pending> }
//----此处等了3s----
//p1完成了
//----此处等了2s----
//p2完成了
//300
await
正常情况下，await命令后面是一个 Promise 对象，返回该promise的值。如果不是 Promise 对象，就直接返回对应的值。

async function f() {
const p = new Promise((resolve, reject) => {
resolve(100)
})
const a = 1
// await 等待promise的状态变化完成(pending->resolved, pending->rejected)
// 取出promise的值
const b = await p
console.log(a, b) //1 100
}
f()
————————————————
版权声明：本文为CSDN博主「王——小喵」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/wxiao_xiao_miao/article/details/120375060