我看过一些D3代码，它们带有类似这样的模式，用于附加元素：

var circles = svg.selectAll(null)
    .data(data)
    .enter()
    .append("circle");

我真的不明白这个片段。为什么选择null？我对D3的理解方式是，如果要添加圆，则应为：

var circles = svg.selectAll("circle")
    .data(data)
    .enter()
    .append("circle");

同样，如果要追加HTML段落，则应该为：

var circles = svg.selectAll("p")
    .data(data)
    .enter()
    .append("p");

类也是如此：如果将元素添加到类中foo，则应该为selectAll(".foo")。

但是，selectAll(null) 确实有效！元素被追加。那么，这是什么意思null呢？我在这里想念什么？

注意：这是一个自我回答的问题，试图提供一个针对该主题的“规范”问答，该主题以前已被许多先前的问题所涉及而API 并未对此进行解释。下面的大多数答案来自我在绝种的StackOverflow文档中编写的示例。