使用 Axios 时应该使用 Promises 吗？ [复制]

Question

axios被描述为基于Promise，那么在使用axios查询数据时是否需要返回一个新的Promise？

app.get('/api/nearbyRecommendations', async (req, res) => {

    if(!req.query) return res.send({ error: 'Please enable location to get recommendations.' })

    try {
        const { longitude, latitude } = req.query
        const locationName = await location.getLocationName(longitude, latitude)
        res.send(locationName)
    } catch (error) {
        res.send(error)
    }
})   

我正在向 MapBox API 发出 GET 请求，但尽管为我的 Axios 请求设置了 catch 块，但我似乎从未收到任何错误，即使我在 .then() 块中抛出了一个新错误。

const getLocationName = async (latitude, longitude) => {
    return new Promise((resolve, reject) => {
        axios.get(`https://api.mapbox.com/geocoding/v5/mapbox.places/${longitude},${latitude}.json?access_token=${darkSkyAPIKey}`, {json: true})
        .then(response => {
            if(!response.data) return reject({ error: 'No location found.' })

            resolve(response.data)
        }).catch(error => {
            reject(error)
        })
    })
}

如果可能，请提供帮助并指出任何可能更改的内容以遵循最佳实践。

Answer 1

你可以不使用异步函数立即返回承诺：

const getLocationName = (latitude, longitude) => {
  return axios.get(`https://api.mapbox.com/geocoding/v5/mapbox.places/${longitude},${latitude}.json?access_token=${darkSkyAPIKey}`, {json: true})
  .then(response => {
      if(!response.data) 
        throw Error('No location found.')
      return response.data;
  }).catch(error => {
      console.log(error);
      throw error;
  })
}

Axios.get 已经向您返回了一个承诺。如果您还将函数定义为 async，则意味着返回的 Promise 将再次包装在 Promise 中。因此，在您的示例中，您将响应三重包装在一个承诺中。如果用普通函数替换成getLocationName函数，第一个代码sn-p中的用法会保持不变。