Javascript函数返回未定义的[重复]答案

【问题标题】：Javascript function returns undefined [duplicate]Javascript函数返回未定义的[重复]
【发布时间】：2014-03-05 11:33:22
【问题描述】：

首先我是 javascript 新手，这是我第一个使用这种语言的“项目”，所以我提前为我的菜鸟道歉。

我在这个项目中使用了传单和 D3，我似乎无法让这个函数返回除“未定义”之外的任何内容。起初我虽然没有从函数中正确返回，所以我尝试在这里以较小的规模复制错误：

http://jsfiddle.net/KhqwR/

但是，这对我有用，所以现在我有点不知所措。

这是我的代码的简单版本，我尝试删除所有看起来不相关的内容并更改名称以使其更易于理解：

$(function () {
  ...  
  function getThings(code) {    
    d3.csv("data.csv", function(data){
      for (var i = 0, len = data.length; i < len; i++){        
        if (data[i].code == code){                     
          alert("return 5!")
          return 5;
        }
        else{
          return 0;
        }
      }
    })
  }

  L.geoJson( features,  {
    style: function (feature) {
      return { opacity: 0, fillOpacity: 0.5, fillColor: "#0f0" };
    },
    onEachFeature: function(feature, layer){ 
      var test = getThings(5);      
      alert(test);
      ...

我一直在“返回 5！”警报，然后在警报（测试）处我得到“未定义”。

有人知道我哪里出错了吗？提前致谢！

【问题讨论】：

标签： javascript d3.js leaflet geojson

【解决方案1】：

d3.csv 实际上是returns a useful value 可用于附加相关回调。但是，因为getThings没有有return语句，所以调用时总是会产生undefined。

记住return适用于最近的封闭函数，包括匿名函数，例如提供的回调。

function getThings(code) {
    /* Without an explicit return, a function always evaluates
       to undefined when invoked. */
    return d3.csv("data.csv", function(data){ .. });
})

var test = getThings(..);
/* Now test is NOT undefined, but is also NOT the data
   for the asynchronous reasons discussed elsewhere.
   See the link above for correct usage. */
test.row(..);

【讨论】：

【解决方案2】：

这是由于 Javascript 异步性质而发生的。使用回调函数。

【讨论】：

【解决方案3】：

d3.csv() 是异步的。这意味着，函数getThings() 启动d3.csv() 并立即返回undefined

来自d3 documentation：

对逗号分隔值 (CSV) 文件发出 HTTP GET 请求在指定的网址。文件内容假定为符合 RFC4180 标准。请求的 mime 类型将是“text/csv”。 请求是异步处理的， 使得该方法返回打开请求后立即。

【讨论】：

虽然是真的，但如果 OP 在 getThings 函数中使用 return，test 将被分配一个未定义的值（但不是数据）。
对。如果他在做return d3.csv()，我们将得到回报，很可能是一个承诺。