一个全局对象后执行jQuery函数解析

Question

在我的网页我有以下将要加载的脚本：

<script src="~/js/dir/search.js"></script> 
<script src="~/js/dir/item.js"></script> 

里面search.js文件我用ES6全局范围内：

fetch(endpoint) 
    .then(blob => blob.json()) 
    .then(data => members.push(...data)); 

而且里面item.js我用这个脚本来显示members对象：

$(window).load(() => { 
    console.log(members); 
}); 

但它在控制台中打印undefined，如何确保search.js完全加载，然后items.js给出结果？

Answer 1

你可以从一个文件暴露一个API来在另一个文件中注册一个额外的处理程序。

search.js：

var p = fetch(endpoint); 
p.then(…); 
window.extraHandler = function (fn){ 
    p.then(fn); 
} 

item.js：

extraHandler(function(){ 
    console.log(members); 
});