回调函数返回未定义的[重复项]

Question

此问题已经在这里有了答案：

How do I return the response from an asynchronous call?（37个答案）

关闭上个月。

我正在尝试将return内的object设为callback function

在以下情况下，console.log()显示预期的结果

var dVizModule = (function(){
    let dataset;

    function loadData(fileName) {
        dataset = d3.csv(fileName, (data) => {
            dataset = data;
            console.log(dataset);
        });
    };

    return {
        loadData: loadData
    }

})();

dVizModule.loadData("data/time_scale_data.csv")

但是当我尝试在return中使用callback function时，故事就不同了，它返回了undefined

var dVizModule = (function(){
    let dataset;

    function loadData(fileName) {
        dataset = d3.csv(fileName, (data) => {
            dataset = data;
            return dataset;
        });
        // return dataset; or even here!
    };

    return {
        loadData: loadData
    }

})();

console.log(dVizModule.loadData("data/time_scale_data.csv"))

Answer 1

由于其基于回调的工作流程，因此以上代码将无法正常工作。 d3.csv是一个异步函数，您只能通过传递给它的回调获取结果，因此即使loadData也需要遵循相同的模式。您只需要编写类似的内容。