Javascript 函数返回未定义

标签 javascript d3.js leaflet geojson

<分区>

首先,我是 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!”警报,然后在警报(测试)时我只是得到“未定义”。

有人知道我错在哪里吗? 提前致谢!

最佳答案

d3.csv 实际上是 returns a useful value可用于附加相关回调。但是,由于 getThings 没有 返回语句,因此在调用时它总是会返回 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(..);

关于Javascript 函数返回未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21638195/

相关文章:

javascript - D3+Leaflet Circle SVG 元素不显示任何颜色

javascript - 将自定义背景图像添加到世界地图的传单

javascript - 查找颜色的所有 css 使用的有效方法

javascript - Angular : Why doesn't CSS justification work with ng-repeat?

javascript - ReactJS 页眉和页脚

javascript - D3.js 刷行为触发两个 'end' 事件

javascript - d3.js - d3.select ("#id).remove() or .attr("类”, "hidden")不工作

javascript - 语义缩放和平移 d3.js v4

javascript - Rails应用程序不会使用 “embedd”附加youtube链接

javascript - 从 geojson 围绕 geojson 中的每个点创建多边形