javascript - `i` 在 `.each(function (i) {})` 中的作用是什么？

Question

http://jsfiddle.net/6x2Nb/

你好，它来自 jQuery 文档的简单示例，我想知道为什么有

  $(document.body).click(function () {
      $( "div" ).each(function (i) {
        if ( this.style.color != "blue" ) {
          this.style.color = "blue";
        } else {
          this.style.color = "";
        }
      });
    });

为什么会有函数(i)？它等同于 function() 并且在执行时没有区别。谢谢

Answer 1

$.each 接受一个带有 2 个参数的函数:索引和当前元素。而且 this 也指向当前元素。所以这也可以写成:

$("div").each(function (index, element) {
    if (element.style.color != "blue") {
        element.style.color = "blue";
    } else {
        element.style.color = "";
    }
});

由于在此示例中未使用参数，因此您可以省略它们。 Javascript 允许您这样做。

所以基本上，如果您不需要函数内的索引，那么编写起来会更短:

$("div").each(function () {
    if (this.style.color != "blue") {
        this.style.color = "blue";
    } else {
        this.style.color = "";
    }
});