javascript - 如何让JS函数等待JSON数据加载？

Question

这有效:

function getDataJSON() {
    var queryString = "https://www.examplesite.com/someJSON.json";

    $.getJSON(queryString, function(data) {
        doStuffWithData(data)
    });
 }

 function doStuffWithData(JSON) {
     // some code that refers to JSON
 }

 getDataJSON();

但这提示变量(JSON)在 doStuffWithData() 中的某处未定义:

function getDataJSON(callback) {
    // Gets share data and runs callback when received
    var queryString = "https://www.examplesite.com/someJSON.json";

    $.getJSON(queryString, function(data) {
        if(typeof callback === "function") {
            callback(data);
        }
    });
 }

 function doStuffWithData(JSON) {
     // some code that refers to JSON
 }

getDataJSON(doStuffWithData());

我可能做错了什么？ $.getJSON() 调用需要一两秒，所以我确实需要等待并在之后做一些事情。我认为问题在于代码执行顺序，但可能是我误解了如何正确地将数据传递给回调函数。

如果我可以将数据加载到所有其他函数都可以访问的变量中，那就更好了。

Answer 1

这个:

getDataJSON(doStuffWithData());

应该是这样的:

getDataJSON(doStuffWithData);

否则它会立即调用该函数并尝试将函数的结果传递到 getDataJSON