javascript - 脚本中的这个函数有什么作用？

Question

我是这个d3.js的新手，所以这可能是一个很简单的问题。这是代码

d3.selectAll("p")
.data([4, 8, 15, 16, 23, 42])
.style("font-size", function(d) { return d + "px"; });

这是function(d) { return d + "px"; }做什么的。

Answer 1

从文档中：

如果 value 是一个函数，则对每个选定元素（按顺序）评估该函数，传递当前数据 d 和当前索引 i，并将 this 上下文作为当前 DOM 元素。然后使用该函数的返回值来设置每个元素的样式属性。

因此，该函数与数组中的每个成员一起调用，从而为每个成员生成不同的字体大小：“4px”、“8px”、“15px”等。

Answer 2

what does this function(d) { return d + "px"; }  do

很简单，该函数调用将 d （通过toString()）字符串化，附加字符串“px”，返回结果。