這個函數在腳本中做了什麼？

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

從the documentation：

如果值是一個函數，則該函數爲每個 選定元素評價（按順序），正在傳遞的當前原點d和 當前索引i，與此上下文作爲當前的DOM元素。然後使用 函數的返回值來設置每個元素的樣式 屬性。

所以，函數被調用，陣列中的每個部件，這又產生了不同的字體大小爲它們中的每：「4像素」，「8像素」，「15px的」等

Answer 2

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

簡單，函數調用字符串d（通過toString()），附加字符串「px」，返回結果。