我现在正在阅读《D3 4.x Cookbook第二版数据可视化》。第三章提到了数据更新模式。有时作者使用merge（）来实现数据更新，但有时作者使用selectAll（）来实现。我发现在某些情况下它们是不可互换的。我现在很困惑，我想知道，我如何才能确定我应该用哪种方式来更新数据。
在3.2.2中，作者使用merge（）实现了数据更新

function render(data) { // <- B
        var bars = d3.select("body").selectAll("div.h-bar") // <- C
                .data(data); // Update <- D

        // Enter
        bars.enter() // <- E
                .append("div") // <- F
                    .attr("class", "h-bar") // <- G

            .merge(bars) // Enter + Update <- H
                .style("width", function (d) {
                    return (d * 3) + "px"; // <- I
                })
                .text(function (d) {
                    return d; // <- J
                });

        // Exit
        bars.exit() // <- K
                .remove();
    }

在3.6.2中，作者使用selectAll（）实现了数据更新

function render(data, category) {
        var bars = d3.select("body").selectAll("div.h-bar") // <-B
                .data(data);

        // Enter
        bars.enter()
            .append("div") // <-C
                .attr("class", "h-bar")
            //.merge(bars)
                .style("width", function (d) {
                    return (d.expense * 5) + "px";}
                )
            .append("span") // <-D
                .text(function (d) {
                    return d.category;
                });

        // Update
        d3.selectAll("div.h-bar").attr("class", "h-bar");

        // Filter
        bars.filter(function (d, i) { // <-E
                return d.category == category;
            })
            .classed("selected", true);
    }

我真的需要你的帮助！谢谢！