关于javascript:async-函数的使用

根本应用

async函数返回的是一个Promise，可能进行Promise的相干操作,函数外部返回的后果会成为then办法回调函数的参数

async function asyncfunc(){
    return "这是一个async函数"
}
asyncfunc()
asyncfunc().then(function(info){console.log(info)})

当函数执行中遇到await，需等异步操作实现，才会执行前面的代码

async function asyncfunc() {
        let now = new Date().getTime();
        await new Promise((resolve, reject) => {
            setTimeout(() => {
                resolve()
            }, 2000)
        })
        console.log(new Date().getTime() - now)
    }

函数外部错处，返回的promise状态为rejected

 async function asyncfunc(){   
    console.log(err)
    }

async函数返回的Promise只有函数外部中await后的异步事件执行完后，才会扭转，除非中途return或者出错

(async function() {
        await new Promise((resolve, reject) => {
            console.log("第一个await")
            resolve()
        })
        await new Promise((resolve, reject) => {
            console.log("第二个await")
            resolve()
        })
        await new Promise((resolve, reject) => {
            console.log("第三个await")
            resolve()
        })
    })().then(info=>{console.log("触发then")})

(async function() {
        await new Promise((resolve, reject) => {
            console.log("第一个await")
            resolve()
        })
        return "执行return"
        await new Promise((resolve, reject) => {
            console.log("第二个await")
            resolve()
        })
        await new Promise((resolve, reject) => {
            console.log("第三个await")
            resolve()
        })
    })().then(info=>{console.log("触发then")})

(async function() {
        await new Promise((resolve, reject) => {
            console.log("第一个await")
            resolve()
        })
        throw new Error("出错了")
        await new Promise((resolve, reject) => {
            console.log("第二个await")
            resolve()
        })
        await new Promise((resolve, reject) => {
            console.log("第三个await")
            resolve()
        })
    })()

await后的Promise状态变为rejected时，会被catch接管到

(async function() {
        await new Promise((resolve, reject) => {
            reject("状态变为rejected")
        })
    })().catch(info => {
        console.log(info)
    })

任意一个await后的Promise函数变为rejecte，async函数的执行就会中断，若想继续执行，可应用try{}catch(e){}捕捉

(async function() {
        await new Promise((resolve, reject) => {
            reject("状态变为rejected")
        })
        await new Promise((resolve, reject) => {
            console.log("第二个await")
            resolve()
        })
    })().catch(info => {
        console.log(info)
    })

(async function() {
        try {
            await new Promise((resolve, reject) => {
                reject("状态变为rejected")
            })
        } catch (err) {
            console.log("捕捉" + err)
        }

        await new Promise((resolve, reject) => {
            console.log("第二个await")
            resolve()
        })
    })().catch(info => {
        console.log(info)
    })

另一种办法是将await前面的Promise增加catch

(async function() {

        await new Promise((resolve, reject) => {
            reject("状态变为rejected")
        }).catch(info => {
            console.log("捕捉" + info)
        })
        await new Promise((resolve, reject) => {
            console.log("第二个await")
            resolve()
        })
    })().catch(info => {
        console.log(info)
    })