关于d3.js：检查d3.select还是d3.selectAll

check if d3.select or d3.selectAll

我在可重用图表上有一个可以传递选择的方法，如果传递了d3.select('#id')选择，则返回一个值；如果传递了d3.selectAll('.class')选择，则返回一个值数组。我目前正在用context._groups[0] instanceof NodeList询问传递的参数，但是使用未记录的属性会感到有些脆弱，因为在将来的版本中可能会有所变化。是否存在确定选择来自select还是selectAll的更多内置方法？

selection.size()在这里无济于事，因为它仅告诉我们选择的结果，而不是如何调用的。

编辑：
这是用法的上下文。我正在使用Mike Bostock的可重用图表模式，此实例包括一种获取/设置甜甜圈标签的方法。

对我来说，这种API的用法遵循最小惊讶的原则，因为这是我期望返回结果的方式。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

var donut = APP.rotatingDonut();

// set label for one element
d3.select('#donut1.donut')
.call(donut.label, 'Donut 1')

d3.select('#donut2.donut')
.call(donut.label, 'Donut 2')

// set label for multiple elements
d3.selectAll('.donut.group-1')
.call(donut.label, 'Group 1 Donuts')

// get label for one donut
var donutOneLabel = d3.select('#donut1').call(donut.label)
// donutOnelabel === 'Donut 1'

// get label for multiple donuts
var donutLables = d3.selectAll('.donut').call(donut.label)
// donutLabels === ['Donut 1', 'Donut 2', 'Group 1 Donuts', 'Group 1 Donuts']

和内部方法定义：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

App.rotatingDonut = function() {

var label = d3.local();

function donut() {}

donut.label = function(context, value) {
var returnArray;
var isList = context._groups[0] instanceof NodeList;

if (typeof value === 'undefined' ) {

// getter
returnArray = context.nodes()
.map(function (node) {return label.get(node);});

return isList ? returnArray : returnArray[0];
}

// settter
context.each(function() {label.set(this, value);});

// allows method chaining
return donut;
};

return donut
}