ES6--async函数

比眉伴天荒 2021-08-13 14:12 420阅读 0赞

#### async ####

async 是 ES7 才有的与异步操作有关的关键字，和 Promise ， Generator 有很大关联的。  
**语法**

async function name([param[, param[, ... param]]]) {  statements }

*  name: 函数名称。
 *  param: 要传递给函数的参数的名称。
 *  statements: 函数体语句。

**返回值**

async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。

async function helloAsync(){ 
        return "helloAsync";
      }
      
    console.log(helloAsync())  // Promise {<resolved>: "helloAsync"}
     
    helloAsync().then(v=>{ 
       console.log(v);         // helloAsync
    })

async 函数中可能会有 await 表达式，async 函数执行时，如果遇到 await 就会先暂停执行 ，等到触发的异步操作完成后，恢复 async 函数的执行并返回解析值。

await 关键字仅在 async function 中有效。如果在 async function 函数体外使用 await ，你只会得到一个语法错误。

#### await ####

await 操作符用于等待一个 Promise 对象, 它只能在异步函数 async function 内部使用。

**语法**

[return_value] = await expression;
    //expression: 一个 Promise 对象或者任何要等待的值。

**返回值**

返回 Promise 对象的处理结果。如果等待的不是 Promise 对象，则返回该值本身。  
如果一个 Promise 被传递给一个 await 操作符，await 将等待 Promise 正常处理完成并返回其处理结果。

正常情况下，await 命令后面是一个 Promise 对象，它也可以跟其他值，如字符串，布尔值，数值以及普通函数。

function testAwait(){ 
       console.log("testAwait");
    }
    async function helloAsync(){ 
       await testAwait();
       console.log("helloAsync");
    }
    helloAsync();
    // testAwait
    // helloAsync

**await针对所跟不同表达式的处理方式：**

*  Promise 对象：await 会暂停执行，等待 Promise 对象 resolve，然后恢复 async 函数的执行并返回解析值。
 *  非 Promise 对象：直接返回对应的值。