2

我卡住的地方：

在业余时间，我在一个私人网站上工作。我的自学确实是非结构化的，而且我在基础上遇到了一个巨大的漏洞。

我正在查看来自 jQuery API 网站serializeArray的一个 jQuery 示例，但我无法理解 ShowValues 函数。

事情是这样的：

function showValues() {
  var fields = $(":input").serializeArray();
  $("#results").empty();
  jQuery.each(fields, function(i, field){
    $("#results").append(field.value + " ");
  });
}

$(":checkbox, :radio").click(showValues);
$("select").change(showValues);
showValues();

我很确定我知道除了第 4 行和第 5 行之外的所有内容：

  jQuery.each(fields, function(i, field){
    $("#results").append(field.value + " ");

jQuery 遍历fields数组中的每个键并将找到的内容放入通用函数：function(i,field)

该函数使用其两个参数生成一个字符串以附加到#results。

我的问题：

为什么该函数需要两个参数？每次运行函数时，变量i似乎都从零开始计数。如果将其从函数中取出，则 field.value 返回未定义。

由于进入双参数函数的值被排列成一个数组，所以该函数必须......匹配数组的维度？

是i特殊的，还是可以使用任何备用变量？

发生了field.value什么？.value不在 jQuery API 中，但我认为它仍在从字段数组的第二个位置提取值？

4

3 回答 3

2

为什么函数需要两个参数？

首先，您应该阅读.each的文档。它告诉您它需要一个这样定义的函数：

callback(indexInArray, valueOfElement)

已经决定了，所以你必须遵守它（推理超出了这个答案）。

如果你这样定义你的回调

function(indexInArray, valueOfElement, foo) { ... }

它被称为

callback(indexInArray, valueOfElement)

那么foo将是未定义的。

如果您将回调定义为

function(foo) { ... }

它仍然会被称为

callback(indexInArray, valueOfElement)

并且foo将包含indexInArray-0.value如果您“省略i”，当然将是未定义的。

我可以使用备用变量吗？

是的你可以。在大多数函数式语言中，您会发现_用于您不关心的参数（如果您使用类似的库，请小心underscore.js）。可以使用任何其他名称。

$(...).each(function(_, elem) {
  ...
});
于 2011-05-25T23:05:59.783 回答
1

jQuery.each对数组或对象中的每个键/值对运行您提供的函数（此处为匿名函数）。这很像函数式语言中的迭代。

参数名称既不是特殊的，也不是必需的。该函数以当前值作为 调用this，因此在许多情况下您可以省略它们。例如，在您的代码中，函数可以更改为function() { $("#results").append(this.value + " "); }，它会产生相同的结果。

在函数内部，field是一个DOMElement并且.value是用于访问输入属性的 DOM 0value=属性。在您的代码中，field.value相当于$(field).val().

于 2011-05-25T23:02:52.277 回答
0

我相信 i 被传递给 Jquery 的内部工作，以便它计算出数组中的哪个值在函数中传递/使用。没有我 Jquery 无法分辨它在迭代中的位置。

于 2011-05-25T22:56:25.167 回答