微任务执行问题

async await

问题1

async function t1() {
  let a = await "ceshi"
  console.log(a);
}
t1()

问题解析

await是一个表达式，如果后面不是一个promise对象，就直接返回对应的值。

所以问题1可以理解为

async function t1() {
  let a = "ceshi";
  console.log(a);
}
t1()

问题2
```
async function t2() {
  let a = await new Promise((resolve) => {});
  console.log(a);
}
t2()
```
问题解析
await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值value，且将这个值返回给前面的变量，此时的promise对象的状态是一个pending状态，没有resolve状态值，所以什么也打印不了。未执行
问题3
```
async function t3() {
  let a = await new Promise((resolve) => {
    resolve();
  });
  console.log(a);
}
t3()
```
await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值value，且将这个值返回给前面的变量，此时的promise对象的状态是一个resolve状态，但是它的状态值是undefined，所以打印出undefined。
问题4
```
async function t4() {
  let a = await new Promise((resolve) => {
    resolve("hello");
  });
  console.log(a);
}
t4()
```
await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值，且将这个值返回给前面的变量，此时的promise对象的状态是一个resolve状态，它的状态值是hello，所以打印出hello。
问题5
```
async function t5() {
  let a = await new Promise((resolve) => {
    resolve("hello");
  }).then(() => {
    return "world";
  });
  console.log(a);
}
t5()
```
await后面如果跟一个promise对象，await将等待这个promise对象的resolve状态的值，且将这个值返回给前面的变量，此时的promise对象的状态是一个resolve状态，它的状态值是hello，紧接着后面又执行了一个then方法，then方法又会返回一个全新的promise对象，且这个then方法中的返回值会作为这个全新的promise中resolve的值，所以最终的结果是world。

问题6

async function t6() {
  let a = await fn().then((res)=>{return res})
  console.log(a);//undefined
}
async function fn(){
    await new Promise((resolve)=>{
        resolve("hello")
    })
}
t6()

问题解析

async函数执行返回一个promise对象,且async函数内部的返回值会当作这个promise对象resolve状态的值

async function fn() {
  return "la";
}
var p = fn();
console.log(p);
//Promise {<resolved>: "la"}
//__proto__: Promise
//[[PromiseStatus]]: "resolved"
//[[PromiseValue]]: "la"

首先考虑 fn() 执行返回一个promise对象，因为fn执行没有返回值，所以这个promise对象的状态resolve的值是undefined，且将这个undefined当作下一个then中回调函数的参数，所以打印的结果是undefined

问题7

async function t7() {
  let a = await fn().then((res)=>{return res})
  console.log(a);
}
async function fn(){
    await new Promise((resolve)=>{
        resolve("lagou")
    })
    return "lala"
}
t7()

首先考虑 fn() 执行返回一个promise对象，因为fn()执行有返回值lala，所以这个promise对象的状态resolve的值是lala，且将这个lala当作下一个then中回调函数的参数，所以打印的结果是lala。

注意细节

async函数执行的返回结果是一个promise对象，这个函数的返回值是这个promise状态值resolve的值
await后面如果不是一个promise对象，将直接返回这个值
await后面如果是一个promise对象，将会把这个promise的状态resolve的值返回出去。
以上没有考虑reject状态。

2.异步执行顺序问题2

04.this指向问题-面试题

微任务执行问题 #

async await #

注意细节 #

微任务执行问题

async await

注意细节