JavaScript 多重回调函数

Question

一段时间以来，我一直在尝试找出 Javascript 中的回调函数功能，但没有成功。我可能把代码弄乱了，但是我没有收到任何 Javascript 错误，所以我认为语法在某种程度上是正确的。

基本上，我正在寻找 getDistanceWithLatLong() 函数在 updateDB() 开始之前结束，然后确保它在 printList() 函数开始之前结束。

我让它在函数上使用硬编码的“setTimeout”调用，但我过度补偿并强制用户等待更长的时间而不需要如果回调的东西可以工作。

有什么建议吗？下面是代码:

function runSearchInOrder(callback) {
    getDistanceWithLatLong(function() {
        updateDB(function() {
            printList(callback);
        });
    });
}

Answer 1

为此，您需要将下一个回调传递给每个函数。

function printList(callback) {
  // do your printList work
  console.log('printList is done');
  callback();
}

function updateDB(callback) {
  // do your updateDB work
  console.log('updateDB is done');
  callback()
}

function getDistanceWithLatLong(callback) {
  // do your getDistanceWithLatLong work
  console.log('getDistanceWithLatLong is done');
  callback();
}

function runSearchInOrder(callback) {
    getDistanceWithLatLong(function() {
        updateDB(function() {
            printList(callback);
        });
    });
}

runSearchInOrder(function(){console.log('finished')});

这段代码输出:

getDistanceWithLatLong is done
updateDB is done
printList is done
finished