未在Javascript中添加的动态添加的对象属性

Question

请bare耐心听我说，我对Javascript很陌生。我拼命想弄清楚为什么这不起作用。请记住，我有Java背景。我有一个函数"getCsvData"，我本质上是试图解析CSV文件，并动态地将对象属性添加到数据源对象中，然后返回它。正如你所看到的，在函数"getCsvData"之外，我试图在调用我的函数后记录结果，但结果对象是空的，并且没有添加对象属性。

我有一种强烈的感觉，这是由于我仍在努力学习和理解的关闭/范围链解决方案。

问题是：为什么不将属性动态添加到数据源对象中？我相信它们实际上是添加到匿名函数"function（data）"的作用域中的，该函数作为"$.get"的第二个参数传递，但一旦外部函数"getCsvData"返回，它们就会立即消失。为什么，我该如何解决？谢谢

<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/knockout-3.0.0.js"></script>
<script src="js/globalize.min.js"></script>
<script src="js/dx.chartjs.js"></script>
<script src="js/jquery.parse.js"></script>
$(function () {
    function getCsvData(fileName, groupBy, year) {
        var datasource = { }
        $.get(fileName, function(data) {
            var alldata = $.parse(data, { header: true });
            for (var i = 0; i<alldata.results.rows.length;i++) {
                var key = alldata.results.rows[i][groupBy]
                if (key in datasource) {
                    datasource[key] = datasource[key] + 1
                } else {
                    datasource[key] = 0
                }
             }
         });
        return datasource;
    };

    var results = getCsvData("data/data.csv", "Priority", 2012);
    console.log(results)
    for (key in results) {
        console.log(key)
    }
});

Answer 1

这是因为get被称为async，所以datasource是启动get之后的返回值，而不是在收到结果之后（即它为空，因为get完成尚未被调用）。您应该使用回调来指示完成，或者使用带有sync选项的jQuery.ajax()来等待对get的响应，然后再从getCsvData返回。请参见此处。