getJson grep 中的变量范围

Question

我尝试在 getJson 请求的 grep 中使用变量。我希望根据用户的选择（他们单击的链接）来定义变量 - 但我不确定如何将其传递给 grep，因为似乎必须在 getJson 调用中定义该变量？

第一个示例有效：

$.getJSON('data/all.json', function(data)
  {
    location = $.grep(data, function(el, i)
     {
       var search=el.clicked_field;
       return search === "Y"
      });
     });

第二个示例无效：

var search=el.clicked_field;
$.getJSON('data/all.json', function(data)
  {
    location = $.grep(data, function(el, i)
     {
       return search === "Y"
      });
     });

我认为这个问题已在 jQuery 论坛中讨论过： http://forum.jquery.com/topic/variable-scoping -and-the-getjson-method

但我无法复制建议的解决方案。任何帮助都会很棒...

Answer 1

您在第二个 grep 回调中定义了 el ，这就是为什么它在该范围之外未定义的原因。

Answer 2

这两段代码中唯一明显的区别是 var search=el.clicked_field 从 $.grep 上下文移到整个代码体之前。此时，el 还不存在。因此，除非您有其他代码片段可以覆盖您的帖子中缺少的内容，否则这就是您的问题。

编辑：

JavaScript 小技巧。变量在其范围内是全局的，因此以以下示例为例：

$('#some-element').click(function() {
    var someElement = $(this);

    $.getJSON('url', function(data, jqXHR){
        console.log(someElement); // exists!
    });
});

编辑：（再次）

好的，您在逻辑和语法中存在一些基本问题。在注释中一次处理这一方面变得有点乏味，所以我只想说明：

$('#some-element').click(function() {
    var someElement = $(this).attr('href'); 

    // someElement == 'http://google.com'

    $.getJSON('data/all.json', function(data) {
       location = $.grep(data, function(el, i) {
           clicked = someElement.toLowerCase().slice(1);

           // clicked == 'ttp://google.com'   # Why?

           link = 'el' + '.' + clicked;

           // link == 'el.ttp://google.com'   # Why?

           console.log(link);  // This bit was for illustrative purposes, you should remove it from your code now.
           return link === "Y";

           // "el.ttp://google.com" != "Y"   # Obviously, and never will
       });
    });

data 是一个 JavaScript 对象列表。将其传递给 $.grep 将导致它迭代这些对象。每次迭代，当前对象将存储在el中，并且该对象在data数组中的索引将存储在i中。以这段 JSON 为例：

[ { "foo": 1, "bar": 2 } ]

如果这是返回的 JSON，那么 el 将同时具有 foo 和 bar 属性，您可以使用然后可以用来访问每个值，例如：

el.foo == 1 // True
el.bar == 2 // True

也许如果您实际上发布了 JSON 响应，我也许可以为您提供进一步的帮助。 （更新您的问题，不要将其作为评论发布）