异步数据返回中未定义的数据

Posted 2023-03-07

【中文标题】异步数据返回中未定义的数据

【英文标题】：Data undefined in Async data return

【发布时间】：2021-08-01 21:46:31

【问题描述】：

我遇到了来自位于控制器文件中的异步函数的返回数据的问题。 我想在“let data”中获取我的数据，但它是未定义的，我不明白我的错误在哪里.. （当然在我的异步函数概念中：））

这是我的例子：

// index.js
const DataController = require('../controllers/DataController');

router.get('/test', function (req, res, next) 

  let data = DataController.getData().then((resp) => 
    console.log(resp); // <-------- here is undefined

  );
);

// DataController.js
const axios = require('axios').default;
exports.getData = async function getData() 
        return axios.get("https://it.lipsum.com/")
            .then((response) => 
                // console.log(response)
                return response;
            )
            .catch(function (error) 
                // handle error
                console.log(error);
            )
            .then(function () 
                // always executed
            );
    

【问题讨论】：

这能回答你的问题吗？ How do I return the response from an asynchronous call?

.then(function () // always executed );这里的代码是什么？

不要混合使用 promises 和 async/await，使用其中一个

这应该是：const response = await axios.get("https://it.lipsum.com/");

@RogerAI 好吧，这就是问题所在。如果你有promise.then().then()，那么second .then() 会从前一个.then() 的返回值中获取它的值。所以，如果你有一个.then()，在你之前没有返回任何东西，你会得到undefined。

【参考方案1】：

您需要从then 调用中返回数据。

// DataController.js
const axios = require('axios').default;
exports.getData = async function getData() 
        return axios.get("https://it.lipsum.com/")
            .then((response) => 
                // console.log(response)
                return response;
            )
            .catch(function (error) 
                // handle error
                console.log(error);
            )
            .then(function (res) 
                // always executed
                return res;
            );
    

Promise 始终返回最后一个值 .then 调用返回的工作方式，因此您的最后一个 .then 调用返回然后 undefined。

关于let data = 的小注释，因为调用是async，您将看到Promise 而不是promise 将解析的数据。您可以通过以下方式使用async/await 语法。

router.get('/test', async function (req, res, next) 

  let data = await  DataController.getData();
);

【讨论】：

两次返回相同的结果是没有意义的

我已经尝试过此解决方案，但无法正常工作。我用过@Liam const resp = axios.get();并在第一页 .then( (resp) => console.log(resp) );那工作就像一个魅力

是的，没有意义。我只是描述了当前代码的问题，以及为什么这不起作用。

【参考方案2】：

像这样重构你的文件：

index.js

// index.js
const  getData  = require('../controllers/DataController');

router.get('/test', async (req, res, next) => 
  try 
    let data = await getData();
    console.log(data);
    return res.status(200).json(data);
   catch (error) 
    console.log('ERROR: ', error);
    return res.status(400).json(
      success: false,
      error
    );
  
);

DataController.js

const axios = require('axios').default;

const getData = async () => 
  try 
    let response = await axios(
      method: 'get',
      url: "https://it.lipsum.com/"
    );
    return response
   catch (error) 
    return error;
  


module.exports =  getData ;