JavaScript中的一个函数如何以不同的方式“定义”两次？[重复]

Question

这是“Eloquent JavaScript”书中的一个例子（我想你知道这本书）：

function groupBy(array, groupOf) {
  var groups = {};
  array.forEach(function(element) {
    var groupName = groupOf(element);
    if (groupName in groups)
      groups[groupName].push(element);
    else
      groups[groupName] = [element];
  });
  return groups;
}

var byCentury = groupBy(ancestry, function(person) {
  return Math.ceil(person.died / 100);
});

代码做什么并不重要。

问题是：据我所知，groupBy函数有两个不同的'body'，即它做完全不同的事情。在第一个实例中，它做了很多逻辑，但第二次它，首先，有一个不同的第二个参数（函数（人）而不是groupOf，其次，它只是将一个数组元素属性（即39人数组中一个人的死亡日期）除以100。

为什么同一个函数做不同的事情？我确实理解
同一个函数的这两个实例以某种方式合作，但是这种合作的一般原则是什么？

谢谢！

Answer 1

第一个

function groupBy(array, groupOf) {}

是一个函数声明，其中函数的名称为 groupBy，并且可全局访问。

而第二个

var byCentury = groupBy(ancestry, function(person) {});

是函数调用。这里，返回值按世纪分配给变量。

可能您由于函数（人）{}而感到困惑。请注意，在Javascript中，我们有First Class Functions，这意味着函数被视为任何其他变量。因此函数作为参数传递给函数组By

Answer 2

下面的代码没有“重新定义”< code>groupBy。它只是简单地称之为:

var byCentury = groupBy(ancestry, function(person) {
  return Math.ceil(person.died / 100);
}); 

groupBy 函数接收回调函数作为第二个参数 （groupOf）。你在那里传递一个匿名函数，它返回Math.ceil（person.dieed / 100）;。