Блог

Я пытаюсь извлечь данные из вызова Axios в Javascript. Я вижу, что данные вызываются успешно, если я console.log(), находясь внутри этого блока

Вот ссылка на скриншот console.log(), если он находится внутри вызова axios. https://imgur.com/a/ZLXnE2n

Эти данные верны, но я не могу получить к ним доступ за пределами вызова axios.

    const response = await axios
        .get(url, config)
        .then(function(response) {
          data = response.data;
          console.log(data)
        })
  

Однако я не могу ничего сделать с данными за пределами функции getRide_Uber. Как мне извлечь объект response для использования в других частях моего кода?

 const axios = require("axios");

// Use the Uber API to estimate the cost between two
// locations specified via latitude and longitude coordinates.

getRide_Uber = async (addressOrigin, addressDestination) => {
  let origin = await geocodeAddress(addressOrigin);
  let destination = await geocodeAddress(addressDestination);

  const url = "https://api.uber.com/v1.2/estimates/price";

  const config = {
    headers: {
      Authorization: `Token ${process.env.UBER_SERVER_TOKEN}`
    },
    params: {
      start_latitude: origin.lat,
      start_longitude: origin.lon,
      end_latitude: destination.lat,
      end_longitude: destination.lon
    }
  };

  const response = await axios
    .get(url, config)
    .then(function(response) {
      data = response.data;
      return data;
    })
    .catch(function(error) {
      console.log(error);
    });
  return response;
};

// Initial code
// const rideData = getRide_Uber("Arlington Texas", "Fort Worth Texas");
// const ridePrices = rideData.prices;
// console.log(ridePrices);

// Code suggestion by @mralanlee
const a = (async() => {
 const result = await getRide_Uber(start, dest);
 return resu<
})();

console.log(a); // Console just says <pending>
const prices = a.prices // undefined
  

Пожалуйста, дайте мне знать, если что-то нуждается в разъяснении, и я буду рад объяснить. Спасибо!

Хранилище данных снова подключено getRide_Uber .

Вы можете сделать их доступными или возвращаемыми глобально, например:

 (async() => {
 const result = await getRide_Uber(start, dest);
 // or console.log(result)
 return resu<
})()
  

или

 const a = (async() => {
     const result = await getRide_Uber(start, dest);
     return resu<
})();
  

Для вышеупомянутого решения вам нужно было бы иметь это в области другой async функции. Это не будет работать на глобальном уровне, потому что регистрация результата не будет ждать, пока Promise разрешится. Вы должны обернуть их в async функцию и дождаться анонимной функции.

Редактировать: Уточнение для большей ясности…

Чтобы использовать второе решение, вы могли бы сделать следующее:

 // this async function wraps around your code, we'll call it something for a lack of a better name
// start and dest params are passed into getRide_Uber
async function something(start, dest) {
  const result = await getRide_Uber(start, dest);
  // You can make sure you have the resolved data here.
  // console.log(result.prices)
  return resu<
};

// now call the function
something(start, dest);