老哥们，解释一下逻辑关系？

Question

(function () {     var s="";     function traver(space,node) {         if(node.tagName){ // 如果存在标签名，则不是空白节点             s += space + node.tagName+ '<br/>';// 记录标签名称，以空格区分         }         var len=node.childNodes.length;//判断该节点子节点的长度         for(var i=0;i<len;i++){// 遍历该节点的子节点             traver(space +"|-",node.childNodes[i]);         }     }     traver("",document);     document.write(s); })();打印结果|-HTML|-|-HEAD|-|-|-META|-|-|-TITLE|-|-|-SCRIPT|-|-BODY|-|-|-DIV|-|-|-|-UL|-|-|-|-|-LI|-|-|-|-|-LI|-|-|-|-|-LI|-|-|-SCRIPT我刚开始传入的参数，是"" 和document,第一次打印出来的为什么不是HTML 而是 |-HTML，老哥们解释一下逻辑关系？

Answer 1

if里面根据传入参数，得出为undefinded,什么都不打印出，然后遍历该节点子元素且作为参数传入当前方法，再进行if判断，然后就打印出以上结果了。也可以f12设置断点，查看执行顺序！

Answer 2

一张图告诉你答案

Answer 3

开始传入的参数是"" 和document，if里即为document.tagName