异步方法是承诺但返回未定义

Question

我正在开发 Nuxt.js 应用程序并尝试使用一种async方法从 api 获取数据，但该async方法的结果始终是undefined。看起来我的方法没有等待响应。我不知道我错过了什么。

这是我的代码methods: {..}

async getSomething() {

  console.log("getSomething");

  if (condition) {

    axios

      .get("api_url")

      .then((response) => {

        console.log("getSomething success");

        return "success";

      })

      .catch((error) => {

        console.log("getSomething fail 1");

        return "fail";

      });

  } else {

    console.log("getSomething fail 2");

    return "fail";

  }

}

doSomething() {

  console.log("do Something");

  this.getSomething().then((result) => {

    console.log("result", result);

    if (result === "success") {

      // do something on success

    } else {

      // do something on fail

    }

  });

  console.log("end doSomething");

}

我已经尝试记录this.getSomething()，结果是Promise {<pending>}

在这里，当一个方法被调用时created () {..}

this.doSomething()

// doSomething

// getSomething

// end doSomething

// getSomething success

// result undefined

Answer 1

我认为您的部分问题是您将编写代码的异步/等待风格与承诺链风格混合在一起。当您返回“失败”或“成功”时，您通常是从axios.get回调中返回，而不是从getSomething方法中返回。您可能想像这样重写代码：async getSomething () {&nbsp; &nbsp; console.log('getSomething')&nbsp; &nbsp; if (condition) {&nbsp; &nbsp; &nbsp; &nbsp; try {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; let response = await axios.get('api_url')&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log('getSomething success')&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return 'success'&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp;&nbsp; &nbsp; &nbsp; &nbsp; catch(error) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log('getSomething fail 1')&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; return 'fail'&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; console.log('getSomething fail 2')&nbsp; &nbsp; &nbsp; &nbsp; return 'fail'&nbsp; &nbsp; }}