ES6（7）— async

扫码关注公众号，获取更多内容

目录

一、什么是async

二、使用

1、基本用法

2、使用await

3、返回值

---

一、什么是async

async是Generator的语法糖，async函数就是将 Generator 函数的星号（*）替换成async，将yield替换成await，仅此而已

二、使用

1、基本用法

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

async function mAsync() {
    return 'async'
}

mAsync().then(res => {
    console.log(res) // 删除 async
})

2、使用await

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

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

function testAwait(){
   return new Promise((resolve) => {
       setTimeout(function(){
          console.log("testAwait");
          resolve();
       }, 1000);
   });
}
 
async function helloAsync(){
   await testAwait();
   console.log("helloAsync");
 }
helloAsync();
// testAwait
// helloAsync

3、返回值

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

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

非 Promise 对象：直接返回对应的值

function testAwait (x) {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(x);
    }, 2000);
  });
}
 
async function helloAsync() {
  var x = await testAwait ("hello world");
  console.log(x); 
}
helloAsync ();
// hello world

 

参考:https://www.runoob.com/w3cnote/es6-async.html