9.5.2+async、await相关用法

async函数返回一个 Promise 对象。

async函数内部return语句返回的值，会成为then方法回调函数的参数。道理同promise,会封装成return promise.resolve(返回的值)

async function f() {
  return 'hello world';
}

f().then(v => console.log(v))
// "hello world"

async函数内部抛出错误，会导致返回的 Promise 对象变为reject状态。抛出的错误对象会被catch方法回调函数接收到。

async function f() {
  throw new Error('出错了');
}

f().then(
  v => console.log(v),
  e => console.log(e)
)
// Error: 出错了

await 命令

1.正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值，下面代码中，await命令的参数是数值123，return await 123;这时等同于return 123，相当于return Promise.resolve(123)`.

async function f() {
  // 等同于
  // return 123;
  return await 123;
}

f().then(v => console.log(v))
// 123

2.await命令只能用在async函数之中，如果用在普通函数，就会报错。

题目的坑：

tip:先找到函数调用的位置，然后理解成紧跟着await后面的语句（一般是执行某个函数）相当于放到了new Promise中，await后面下一行及之后的语句相当于放在Promise.then中。

转换为伪代码：

2

在async1中await后面的Promise是没有返回值的，也就是它的状态始终是pending状态，因此相当于一直在await，await，await却始终没有响应…,所以await后面的语句（相当于执行promise.then的操作）也不能执行，不能推入微队列，因为没有执行async1中的return操作，后面的async1().then也不会执行。async中的return语句的作用默认是promise.resolve(参数)操作，会在后面的then中接收出来这个参数。

待解决：

```javascript
async function testSometing() {
  console.log("执行testSometing");
  return "testSometing";
}

async function testAsync() {
  console.log("执行testAsync");
  return Promise.resolve("hello async");
}

async function test() {
  console.log("test start...");
  const v1 = await testSometing();
  console.log(v1);//testSometing
  console.log(typeof v1);//string
  const v2 = await testAsync();
  console.log(v2);
  console.log(v1, v2);
}

test();

头条面试题：

‘script start’
‘async1 start’
‘async2’
‘promise1’
‘script end’
‘async1 end’
‘promise2’
‘setTimeout’