从距离矩阵回调 function 未定义返回值？

Question

我假设是因为它是异步的。 这是我的代码：

service.getDistanceMatrix(
        {
            origins: [yourPosition],
            destinations: [end],
            travelMode: 'WALKING',
        }, callback);

        function callback(response, status) {
            if (status == 'OK') {
                var origins = response.originAddresses;
                for (var i = 0; i < origins.length; i++) {
                  var results = response.rows[i].elements;
                  for (var j = 0; j < results.length; j++) {
                    var element = results[j];
                    var distance = element.distance.value;
                    var duration = element.duration.value;
                  }
                }
            }

我想要做的是从回调中返回距离和持续时间值。 然后，返回该值，并将其提供给调用上述代码的父 function 的 function。 我的蛮力想法是从回调内部返回，然后从回调 function 外部返回接收到的值，这样我就可以实际使用该值。 为了清楚起见，据我所知，这是我的功能的图表：

get_avg_speed
    get_distance
       callback

我知道回调是异步的，有正确的方法吗？

Answer 1

Promise是您的朋友。 这是您使用 Promise 构造函数的代码。 像这样的二进制回调很麻烦，所以我将response和status放在 object 中。

const promisifiedGetDistanceMatrix = params => new Promise(resolve => {
  service.getDistanceMatrix(params, (response, status) => {
    resolve({ response, status })
  })
})

const getElementsDistanceDuration = ({ response, status }) => {
  if (status !== 'OK') return []
  let elements = []
  let origins = response.originAddresses;
  for (let i = 0; i < origins.length; i++) {
    let results = response.rows[i].elements;
    for (let j = 0; j < results.length; j++) {
      let element = results[j];
      let distance = element.distance.value;
      let duration = element.duration.value;
      elements.push({ distance, duration })
    }
  }
  return elements
}

然后你可以像这样使用这些 promise 返回函数

const get_avg_speed = async (...args) => {
/* ... */
  const elementsDistanceDuration = await promisifiedGetDistanceMatrix({
    origins: [yourPosition],
    destinations: [end],
    travelMode: 'WALKING',
  }).then(getElementsDistanceDuration)
}