如何调用异步函数作为响应

Question

我需要在响应函数中使用await，但我不知道怎么做。
（注意：func2() 是一个异步函数）

async function get_data() { 
  for (i = 0; i < 10; i++) {
    // http request, returns json...
    await func1(data1, data2).then(json => {   
      if (json.value < 100) {
        await func2(); //error => await is only valid in async function
      }  
    }) 
  }
}

我要等func2，怎么办？

我试过了：

async function get_data() { 
  for (i = 0; i < 10; i++) {
    await func1(data1, data2).then(json =>
      async function() { // nothing happens, function doesnt work.
        if (json.value < 100) {
          await func2();   
        }  
      }) 
  }
}

Answer 1

如果您不混合使用await 和.then()，通常会更容易。由于您想要对两个操作进行排序，并且您似乎也希望对 for 循环进行排序，因此只需 await 就更简单了。

async function get_data() {
  for (let i = 0; i < 10; i++) {
    let json = await func1(data1, data2);
    if (json.value < 100) {
      await func2();
    }
  }
}

Answer 2

你可以去掉.then()，改用await。

awaitfunc1 并获取value 然后检查value 是否满足条件以及是否满足await func2。

查看下面的演示 sn-p：

async function get_data() {
  for (i = 0; i < 10; i++) {
    const { value } = await func1("Hello", "World");
    if (value < 100) {
      console.log(await func2(value));
    }
  }
  console.log("END!")
}

const func1 = (d1, d2) =>
  new Promise((res) => setTimeout(() => res({ value: Math.random(0) * 200 }), 200));

const func2 = (v) => new Promise((res) => setTimeout(() => res(v), 200));

get_data();