在axios异步调用外部返回数据

Question

function getResponse() {
    var stuff = []

    for (let i = 0; i < length; i++) {
        axios.get(url + i)
            .then(res => res.forEach(item => {
                stuff.push(item)
            }))
    }
    // How do I return stuff from this function ?
}

console.log(getResponse())

Answer 1

我如何从这个函数返回东西？

你不能。就像“我想要明天的报纸”。那也不行。你必须等到第二天才能看报纸，或者在你的情况下，等到所有的数据到达浏览器。您不能直接返回数据，而是某个时候会交付数据的promise。在您的示例中，可以使用promise.all将promise数组统一为解析为数组的promise：

function getResponse() {
  const promises = [];

  for (let i = 0; i < length; i++) {
    promises.push(axios.get(url + i));
  }

  return Promise.all(promises)
    .then(results => [].concat(...results));
}

所以现在如果你这样做：

console.log(getResponse())

getResponse().then(console.log);