async、await和.then的使用

.then async await 三者

• Promise虽然解决了回调地狱问题，但是缺点是有不少的样板代码，并且写代码时候还是通过then注册回调方式。

.then

• Promise对象自带 ，用于处理异步操作的成功结果。
  .then 和 .catch 函数来传入一个执行 success 和 fail 的回调。可以多个.then执行，但如果 .then 里有异步操作，需在 .then 里 return 该 Promise才能使得当前then链式调用，以处理多个异步操作的结果。

• async、await是语法糖，优势在于处理 then 的调用链，代码更清晰、明确，避免了写一大堆 then，在调接口的时候多用async、await。

const submitForm = () => {
    newsFormRef.value.validate(async (valid) => {
        if (valid) {
            console.log(newsForm)
            // 后台通信
            await upload("/adminapi/news/add", newsForm)
            router.push(`/newsManage/newslist`)
        }
    })
}

async

• async是一个关键字，用于声明一个异步函数。异步函数内部可以包含一个或多个await表达式，用于等待Promise对象解析完成并返回结果。通过在函数前加上async关键字，可以将一个函数声明为异步函数，这样就可以在该函数内部使用await关键字等待Promise对象解析完成。

await

• await也是用于处理Promise对象的，只能在异步函数内部使用。await表达式会暂停异步函数的执行，等待Promise对象解析完成并返回结果。在await表达式的后面，必须紧跟一个Promise对象，否则会抛出语法错误。使用await可以避免回调地狱，让异步代码更简洁易读。在使用async、await 进行异步，可以用try…catch来捕获错误