async与await关键字的使用

2021-08-21

一.什么是async

async 函数返回一个 Promise 对象，当函数执行的时候，一旦遇到 await 就会先返回，等到触发的异步操作完成，再接着执行函数体内后面的语句。

async function fn() {
    return 'hello word'
}
fn()

console.log(typeof fn()); //object // 返回的是一个promised对象

fn().then(data => console.log(data)) // fn() return出一个promise对象 .then()调用promise中的resolve() .catch()调用reject()

二.什么是await

await 表达式会暂停当前 async function 的执行，等待 Promise 处理完成。若 Promise 正常处理(fulfilled)，其回调的resolve函数参数作为 await 表达式的值，继续执行async function。若 Promise 处理异常(rejected)，await 表达式会把 Promise 的异常原因抛出。另外，如果 await 操作符后的表达式的值不是一个 Promise，则返回该值本身。

三.async与await

function text() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    resolve('hello')
                }, 2000)
            })
        }
        var result = text()
        result.then(data => console.log(data))
        console.log('结束');
   打印结果:
   			结束
   			hello
 --------------------------------改进为使用async和await--------------------------------------
 async function fn1() {
            function text() {
                return new Promise((resolve, reject) => {
                    setTimeout(() => {
                        resolve('hello')
                    }, 2000)
                })
            }
            const result = await text() //这里使用了await关键字 这里会直接把结果赋值给result
                // 所以这里写 result.then(data => console.log(data))  会报错
            console.log(result);
            console.log('结束');
        }
        fn1()
  打印结果:
  			hello
  			结束

对改进代码说明:

const result = await text() 改进在:这里用了await关键字
首先await只能在异步函数里使用,所有我在最外面写了一个async函数
await关键字:用于等待一个异步方法的执行完成.
如果它等到的不是一个promise对象,那么await表达式运算结果就是它等到的东西.
如果它等到的是一个promise对象,那么它会阻塞后面的代码,等着Promise对象的resolve,然后得到resolve的值,作为await表达式的运算结果,接着执行后面的代码