javascript - 了解克罗克福德的 walk_the_dom ("The Good Parts")

Question

我正在尝试理解下面 Crockford 的 walk_the_dom 函数。这是我的逻辑和我正在使用的 DOM 树。我看不到何时到达 node.nextSibling。

function walk(node, func) {
    func(node);
    node = node.firstChild;
    while (node) {
        walk(node, func);
        node = node.nextSibling;
    }
};

1. func(node) 在给定节点上运行函数。
2. node=node.firstChild() 现在等于 document.body 的第一个Child，或者在本例中为 H1
3. while(node) 运行一个循环，其中再次运行 walk 函数。
4. func(node) 现在在 H1 上运行函数
5. node = node.firstChild() 现在等于 H1 的第一个Child，在本例中也称为 #text
6. while(node) 运行一个循环，其中再次运行 walk 函数

7. func(node) 在 #text 上运行函数

8. node = node.firstChild() --> #text 的第一个Child 是什么？

9. 什么时候达到node.nextSibling？

Answer 1

#text 的 firstChild 为 null 或 undefined，因为没有任何值。 JavaScript 具有所谓的“真实值”。因此 while(null) 与 while(false) 相同。