javascript - 如何等待另一个 promise 填充的数组

Question

d3 正在加载全局数组。我想在另一个函数中调用该数据。

我不太了解 promises，也无法解读文档。

第一个调用的函数是:

d3.tsv( ... ).then(function(data){Loaded_Data[0]=data);}

然后调用一个函数来填充我的 svg:

svg.getElementById("example") = Loaded_Data[0][Loaded_Data[0].length-1]['Example Column'] 

就是想不通怎么写代码:“答应我，这个Array里面有数据，然后做赋值”

请尽可能明确和明显。谢谢。

Answer 1

如果您的 2 个代码片段在同一个 .js 文件中，那么您可以这样做:

d3.tsv( ... ).then(function(data){
    Loaded_Data[0]=data;
    svg.getElementById("example") = Loaded_Data[0][Loaded_Data[0].length-1]['Example Column'];
}

如果不是这种情况，那么您可以使用 Observable ，或者您可以触发从 .then 中调用的自定义事件。

d3.tsv( ... ).then(function(data){
     Loaded_Data[0]=data;
     var event = new Event('Loaded_Data_HasData');
     window.dispatchEvent(event);
}

然后在您的其他文件/位置中，监听该事件。

elem.addEventListener('Loaded_Data_HasData', function (e) { 
    svg.getElementById("example") = Loaded_Data[0][Loaded_Data[0].length-1]['Example Column']; 
}, false);