等待两个异步功能

Question

我的问题是我想根据从提取返回的数据绘制一个图表。 我知道我可以做到以下几点

google.charts.setOnLoadCallback(drawChart);

function drawChart() {
    // get the data and draw the chart after
    fetch(url).then...
}

但是，我想做这样的事情

// load google charts
google.charts.setOnLoadCallback(???);
// get the data
fetch(url).???;

// a function that runs after both are complete
drawsChartsAfterBothComplete();

这样一来，数据和google库就可以异步加载了，而不必等待另一个。 这可能吗？ 如果是这样，我该怎么办？ 谢谢

编辑：

我已经确定不需要使用setOnLoadCallback()并且由于接受的答案， load()返回了setOnLoadCallback() 。

Answer 1

Promise.all（）可能就是您想要的。

您可以在promise中运行它们，并在它们完成后运行draw函数。

var p1 = new Promise((resolve, reject) => {
  // load google charts here
}); 

var p2 = new Promise((resolve, reject) => {
  // fetch here
}); 

Promise.all([p1, p2]).then(values => { 
  drawsChartsAfterBothComplete();
});