javascript - 自调用匿名函数

Question

我试图理解以下 d3.js 示例: http://bl.ocks.org/mbostock/3884955

在示例中，有很多行代码如下所示:

data.forEach(function(d) {
    d.date = parseDate(d.date);
});

或

x.domain(d3.extent(data, function(d) { return d.date; }));

但是我不知道 d 作为参数传递到哪里以及 d 是什么？这个“魔法”是如何发挥作用的？

Answer 1

在第一个代码段中，d 是数组 data 的一个元素。作为 .forEach() 的第二个参数给出的匿名函数针对数组 data 的每个元素执行，并解析 .date 的 .date 属性数据。

在第二种情况下，d3.extent() 的第二个参数中的匿名函数告诉 D3 如何从 data 中提取用于计算范围的值。也就是说，data 的每个元素都被认为是计算数组中值的范围，但元素也可能是复杂的对象而不是简单的数字。对于数字，不需要第二个参数(访问函数)，但对于对象(如本例所示)，您需要告诉 D3 要考虑什么值 - 这里是 .date。

因此，在这两种情况下，匿名函数都会应用于数组 data 中的每个元素，并且传递给它们的参数 d 是数组的相应元素。请注意，这里的名称 d 是任意的，您也可以调用 d element 或 datum 或类似的名称那个。