模仿console自写函数打印js的对象

本以为写个递归函数就可以将js的对象打印出来。

当然第一个想到的估计是JSON.stringify() 这个函数。但这个函数打印到浏览器 显示效果不友好。最友好的显示肯定是 控制台打印咯。

结果尝试打印window的时候，直接挂逼。原因就是对象循环引用。

经过几次修改，还是禁止了window里的某几个属性。

function parseObjToString(obj){
    var filter = ['top', 'window', 'document', 'localStorage', 'sessionStorage', 'cookie'], //不会解析该属性。
     x         = null, //没用的临时变量
     n         = '
<br/>', //换行
     Parse     = {
        parse_obj : function(obj, blank, parse_obj_times){//解析对象和数组
            !parse_obj_times && (parse_obj_times = 0);
            if (parse_obj_times > 20) {return '';}
            switch(typeof obj){
                case 'object':
                    var temp   = '{',
                        isobj  = true;
                        temp  += n;
                        blank  = blank || 1;
                    ''+{}.toString.call(obj) === "[object Array]" && (isobj = false);
                    isobj ? temp = '{'+ n : temp = '['+ n;
                    for (x in obj) {
                        if (typeof obj[x] == 'object') {
                            if(filter.indexOf(x) !== -1 ) continue;
                            parse_obj_times ++;
                            temp += this.get_blank(blank)+ x+ ' : '+ this.parse_obj(obj[x], blank+1, parse_obj_times)+ ',' + n;
                        }else{
                            temp += this.get_blank(blank)+ x+ ' : '+ this.parse_sign(obj[x]) +',' + n;
                        }
                    }
                    temp = temp.substr(0, temp.length - (',' + n).length)+ n;
                    return temp + this.get_blank(blank - 1) + (isobj ? '}' : ']') ;
                default : 
                  return obj;
            }
        },
        parse_sign: function(str){//解析特殊符号
            return (''+str).replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/
|

/g, '<br>')
                           .replace(/	/g, '&nbsp;&nbsp;').replace(/ss/g, '&nbsp;');
        },
        get_blank : function(num){//返回相应num的空白
            for (var i = 0, blank=''; i < num; i++) {
                blank += '&nbsp;&nbsp;&nbsp;&nbsp;';
            }
            return blank;
        }
    };
    return Parse.parse_obj(obj);
}

测试数据:

var obj = {
        test : {
            a : 'hello',
            b : 'world',
            c : {
                d : {
                    e: {
                        f: {
                            g: {
                                h : {
                                    i : {
                                        shit : 'yes shit'
                                    }
                                }
                            }
                        }
                    }
                }
            }
        },
        arr : [
            'what',
            'a',
            'abc',
            '<aaa><bbb>',
            'a<asdfsafd>'
        ],
        func : function(e){
            console.log('aaaa');
        },
        func2: function(e){
            console.log('bbbb');
        },
        func3: function(e){
            console.log('asdfs');
        }
    };

var str = parseObjToString(obj);;
document.write(str);

测试结果: